41 Matching Annotations
  1. Jun 2022
    1. 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

  2. May 2022
    1. Code vs Codeless * Underlying Code (Element Locator) vs Visual Layer (Pixel-Matching) * Specialized vs General Knowledge * Limited vs General browser support

    2. 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

  3. Apr 2022
    1. 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

  4. Mar 2022
  5. Feb 2022
    1. 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"]>([]) ```

    1. 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

  6. Jan 2022
  7. Dec 2021
    1. 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

    2. Overview:

      1. Companion modules
      2. Programming Language + Code Editor
      3. Basic Programming Knowledge (loops, conditional, functions, classes, etc.)
      4. Learning Resources
      5. Leetcode
      6. The Right Mindset (fail and try again, building key characteristics to thrive)
  8. Nov 2021
  9. Aug 2021
  10. Mar 2021
    1. Experienced teachers, mentors, fellow students, or colleagues that have some experience, have solved such problems before, and can give advice
      • StackOverflow
      • Reddit
      • StackShare
      • Social Media (twitter, youtube, instagram)
  11. Feb 2021