- Jun 2022
-
www.youtube.com www.youtube.com
-
Diagrams as Code 2.0 • Simon Brown • GOTO 2021
"long-lived documentation" - "Think about diagrams as 'disposable' artifacts"
https://c4model.com/ C4 Model - model for visualizing software architecture; hierarchal dataset; Diagrams as abstractions, differing levels of technical details; think of it as zooming into maps at different levels * Level 1: Context * Level 2: Containers * Level 3: Components * Level 4: Code
Product Comparisions - Working with the DSL (Lite v. CLI v. DSL Editor): https://structurizr.com/help/dsl - Product offerings (Lite v. Cloud v. On-premise): https://structurizr.com/products
The DSL is rendering tool agnostic
Diagrams as code 1.0 - PlantUML, Mermaild, etc are input formats
Diagrams as code 2.0 - PlantUML, Mermaild, etc are output formats
Checkout: - Online REPL: https://structurizr.com/dsl?example=amazon-web-services - DSL Guidance: https://github.com/structurizr/dsl/tree/master/docs/cookbook - Examples: https://github.com/structurizr/examples
-
-
open.nytimes.com open.nytimes.com
-
- Tell me a story
- I want you to be selfish
- My last question isn't a question at all
-
-
www.youtube.com www.youtube.com
-
using relative locators
-
-
stackoverflow.com stackoverflow.com
-
www.digitalocean.com www.digitalocean.com
Tags
Annotators
URL
-
-
python-poetry.org python-poetry.org
-
- May 2022
-
www.rainforestqa.com www.rainforestqa.com
-
Code vs Codeless * Underlying Code (Element Locator) vs Visual Layer (Pixel-Matching) * Specialized vs General Knowledge * Limited vs General browser support
-
Nice Features: * Resusable test steps * Assertion flexibility (exact or partial matching) * Video replay (pass or fail) for archive/debugging, etc. * HTTP and/or browser logs * Failed step and screenshot
-
Some Test Scenarios: * Single or multi-browser testing * Downloading an app to the desktop * Installing browser extensions
Tags
Annotators
URL
-
- Apr 2022
-
docs.dagger.io docs.dagger.io
-
Understanding Cue
quick rundown of CUE core
-
-
docs.dagger.io docs.dagger.io
-
And since every action is cached, subsequent runs will be quicker
since docker ppl created seems analogous to layers..also reminds me of how caching is done on Bazel to reduce need for rerunning stuff
-
- Mar 2022
-
-
Actions can safely be shared and reused thanks to a complete package management system
Github Actions-ish?
-
Component reuse between pipelines is low, which causes fragmentation and a constant reinvention of the wheel
Sounds a bit like Jenkins Groovy library and Jobs DSL plugin
Tags
Annotators
URL
-
-
www.tiuweehan.com www.tiuweehan.com
-
[2020] Shows three ways to do Jenkins with DIND
-
- Feb 2022
-
www.youtube.com www.youtube.com
-
Handling State
Instead of defining the type for complex objects in the useState template (i.e.
const people = useState<{name: string, age: number}[]>([])we can use a Typescript Interface to more cleanly define it``` interface IState { people: { name: string, age: number }[] }
const people = useState<IState["people"]>([]) ```
-
Title: React with Typescript Crash Course Published: APR/2021 Source: https://www.youtube.com/watch?v=jrKcJxF0lAU
-
-
www.youtube.com www.youtube.com
-
source - https://www.youtube.com/watch?v=dPb1bg1mVLg
Intro: * Project-based approach * Core fundamentals * Not a tutorial
See the companion modules in the link: https://www.engineeringwithutsav.com/roadmaps
...also recommendations for: * Data structure and algo books * Building good coding habits * Free resources
-
-
www.youtube.com www.youtube.com
-
Web Assembly (WASM) is an official W3C standard * Running apps on the web with close performance to native apps (i.e. Figma) * Compile target for other languages to run on modern Browsers (.wat -> .wasm) * Code can also be written using AssemblyScript
-
-
www.youtube.com www.youtube.com
-
https://youtu.be/qR0yFSpcXrc?t=431 "Look for opportunities while you still have a job...that way you can be INTENTIONAL in the opportunities you take NEXT!"
-
- Jan 2022
-
www.youtube.com www.youtube.com
-
Top Tech Trends For Web Developers in 2022 Jack Herrington https://www.youtube.com/watch?v=bk5JvHGFv3A
Highlights
- AI Coding tools
- Lightweight Frameworks
- Classic Frameworks
- WebAssembly
- Headless UI Libraries
-
- Dec 2021
-
www.youtube.com www.youtube.com
-
Module #1: String manipulation and formatting Module #2: Hash tables Module #3: Stacks (Push, Pop) Module #4: Queues (LIFO, FIFO) Module #5: Linked Lists (when you don't know the size of array) i.e. chrome tabs Module #6: Recursion Module #7: Binary Search (ordered list) Module #8: Trees (storing data in hierarchy structure) Module #9: Graphs i.e. traveling salesman Module #10: Final Project
-
Overview:
- Companion modules
- Programming Language + Code Editor
- Basic Programming Knowledge (loops, conditional, functions, classes, etc.)
- Learning Resources
- Leetcode
- The Right Mindset (fail and try again, building key characteristics to thrive)
-
- Nov 2021
-
unix.stackexchange.com unix.stackexchange.com
-
For those searching for why they can't edit a file with "@" or "+" at the end of it on mac osx
to remove the metadata attribute @ sign in "-rwx--x--x@"
-
-
stackoverflow.com stackoverflow.com
-
date +%s
-
-
collignon.github.io collignon.github.io
-
Brief about why both tools work well.
Python repo to export Hypothesis annotations to Obsidian notes: https://github.com/collignon/annotation-tools
-
-
www.youtube.com www.youtube.com
-
[2020] Basics of Module Bundlers for web development
- Provides a number of uses, most commonly used to compile multiple .js files into a single file for browser to load when users visit a website
- Terms: Code Splitting, Loaders, Plugins, Dev Server
- Bundlers: Webpack, Rollup, Parcel, Snowpack
- Snowpack - only rebuilds files that have changed vs. rebuilding the entire project
Tags
Annotators
URL
-
- Aug 2021
-
www.youtube.com www.youtube.com
-
How to Install MX Linux in VirtualBox on Windows 10
-
- Mar 2021
-
developer.mozilla.org developer.mozilla.org
-
Experienced teachers, mentors, fellow students, or colleagues that have some experience, have solved such problems before, and can give advice
- StackOverflow
- StackShare
- Social Media (twitter, youtube, instagram)
-
-
github.com github.com
-
who is considered to have been the world's first computer programmer?
Countess Ada Lovelace, mathematician worked with Charles Babbage
-
- Feb 2021
-
www.gitpod.io www.gitpod.io
-
Dev Environments Built for the Cloud.
-
-
github.com github.com
-
A cheatsheet on the usage of git flow, visit http://danielkummer.github.com/git-flow-cheatsheet/
-
-
github.com github.com
-
TL;DR for developer documentation - a ridiculous collection of cheatsheets
Example github page, centered around markdown files to create cheatsheet notes
Tags
Annotators
URL
-
-
-
[Shu Omi, 2020] Roam Tips for creating
- Reference Notes
- Permanent Notes
Tags
Annotators
URL
-
-
medium.com medium.com
-
[Geisel, 2017] Using social bookmarking tools to bookmark, tag, annotate, and take notes on websites; "Better bookmarking"
- Diigo
- Hypothes.is
-
-
www.youtube.com www.youtube.com
-
[pub_2021] 5 important concepts
- Equality == vs. === (primitives, object "mem ref")
- Async JS (callbacks, promises, async/await)
- Error Handling (try..catch, writing defensive code)
- ES6 Syntax (destructuring, spread operator, string interpolation)
- Array Methods (map, filter, reduce, sort, some, every)
Tags
Annotators
URL
-
-
dev.to dev.to
-
[2021] Tools for testing accessibility
- Linter - eslint-plugin-jsx-a11y
- Tests - jest-axe/cypress-axe (deque's testing solution)
- Browser tools - Lighthouse
-
-
github.com github.com
-
Resume builder using latex
Tags
Annotators
URL
-
-
github.com github.com