- Installing VSCode: https://www.codecademy.com/article/visual-studio-code
- Setting up Git and GitHub: https://www.codecademy.com/article/f1-u3-git-setup
- Setting up the command line: https://www.codecademy.com/article/command-line-setup
- SSH key setup: https://docs.github.com/en/authentication/connecting-to-github-with-ssh
- Setting up Node: https://www.codecademy.com/article/setting-up-node-locally
- Screen share setup in Mac: https://www.techrepublic.com/article/how-to-enable-screen-sharing-for-google-meet-in-chrome-on-a-mac/
- HTML basics: https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics
- Blog read - Bootcamp management expectation: https://www.wbscodingschool.com/blog/how-to-prepare-yourself-for-a-coding-bootcamp/
- From Stefan SSH ELI5: https://dev.to/itsjzt/explain-ssh-like-im-five-127
-
List of HTML tags on W3Schools: https://www.w3schools.com/TAGS/default.asp
-
List of HTML tags on MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element
-
The first web page: http://info.cern.ch/hypertext/WWW/TheProject.html
-
The first server: https://artsandculture.google.com/asset/original-next-computer-used-by-sir-tim-berners-lee-to-design-the-world-wide-web-next/6QHcxbuGnQ4rng?hl=en
-
The first browser, world wide web: http://info.cern.ch/NextBrowser.html
-
Birth of the internet: https://home.cern/science/computing/birth-web
-
IBM on the three-tier architecture: https://www.ibm.com/topics/three-tier-architecture
-
Emmet cheat sheet to speed creating HTML elements/structures: https://docs.emmet.io/cheat-sheet/
-
Another HTML reference: https://htmlreference.io/
-
To check feature compatibility with different browser versions: https://caniuse.com/
-
More on semantic HTML: https://developer.mozilla.org/en-US/docs/Glossary/Semantics#semantics_in_html
-
A comprehensive look on HTTP interactions: https://developer.mozilla.org/en-US/docs/Web/HTTP/Session
-
VSCode extensions:
- Auto Rename Tag - https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
- Indent Rainbow - https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
- Prettier - https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
- Live Server: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
- Live Share: https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare
-
VSCode productivity tips: https://www.youtube.com/watch?v=ifTF3ags0XI
- CSS Reference: https://cssreference.io/
- About CSS Specificity - https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
- Stylesheets of different browsers: https://meiert.com/en/blog/user-agent-style-sheets/
- Flexbox (MDN): https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox
- A Complete Guide to Flexbox (CSS Tricks): https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- Flexbox playground: https://codepen.io/jonitrythall/pen/YzdxNj
- Cheat sheet for this very playground: https://d33wubrfki0l68.cloudfront.net/1568560c9e488c136e10bdb4ee7a3f62ec866649/41bbc/content/2014/oct/flexboxsheet.png
- Alternatively, there's this interactive guide to help you understand flexbox: https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/
- Flexbox cheat sheet #2: https://css-tricks.com/wp-content/uploads/2022/02/css-flexbox-poster.png
- The article for the above cheat sheet: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- CSS in a nutshell: https://www.youtube.com/watch?v=OEV8gMkCHXQ
- Tips for HTML Forms: https://developer.mozilla.org/en-US/docs/Learn/Forms
- CSS Diner 🍽️ : https://flukeout.github.io/#
- Flexbox Froggy 🐸 : https://flexboxfroggy.com/
- Flexbox Defense 🛡️ ⚔️: http://www.flexboxdefense.com/
- Media Queries: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
- CSS Tips and good practices#1: https://www.youtube.com/watch?v=VQraviuwbzU
- CSS Tips and good practices#2: https://www.youtube.com/watch?v=Qhaz36TZG5Y&t=1s
- Common device sizes: http://image.slidesharecdn.com/responsivewebdesignworkshopantoniodepasquale-140416133209-phpapp02/95/responsive-webdesign-38-638.jpg?cb=1397675450
- Color palette generator: https://coolors.co/
- Contrast checker: https://webaim.org/resources/contrastchecker/
- What is Git?: https://www.youtube.com/watch?v=2ReR1YJrNOM
- From Stephan: https://learngitbranching.js.org/
- What else is there to an OS other than the kernel?: https://superuser.com/questions/329442/what-is-there-in-an-operating-system-other-than-the-kernel
- An diagram of the composing parts of an OS: https://i.stack.imgur.com/0DoJO.png
- Where did the terminal come from?: https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line#where_did_the_terminal_come_from
- GitLab on what are centralized VCSs - https://about.gitlab.com/topics/version-control/what-is-centralized-version-control-system/
- Git commands cheatsheet: https://drive.google.com/file/d/1EhAehsLp4Yj-wPKXXiY9v3XJ2ECJiZuk/view
- The Git flow: https://docs.github.com/en/get-started/quickstart/github-flow
- Visualization of branching and merging when using Git to manage your version control: https://www.nobledesktop.com/image/gitresources/git-branches-merge.png
- Oh my Git!: https://ohmygit.org/
- Online planning/wireframing tools:
- Excalidraw: https://excalidraw.com/
- Whimsical: https://whimsical.com/
- Figma: https://www.figma.com/
- Organization tool with https://trello.com/
- Basics of Programming I: https://www.codecademy.com/learn/learn-how-to-code/modules/bop-i/cheatsheet
- Basics of Programming II: https://www.codecademy.com/learn/learn-how-to-code/modules/bop-ii/cheatsheet
- Basics of Programming III: https://www.codecademy.com/learn/learn-how-to-code/modules/bop-iii/cheatsheet
- Merge Conflict guide: https://www.youtube.com/watch?v=HosPml1qkrg
- From Stefan Git cheatsheet: https://res.cloudinary.com/dyd911kmh/image/upload/v1656573882/Marketing/Blog/git_cheat_sheet.pdf
- From Stephan Game for learning programming: https://karol.arrrg.de/
- Learn to Code from Codecademy: https://www.codecademy.com/learn/learn-how-to-code
- JS Language overview: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Language_Overview
- From Rana Intro into JS video tutorial: https://youtu.be/PkZNo7MFNFg
- From Stephan Writing scripts in VSCode: https://stackoverflow.com/questions/40177331/what-is-the-shortcut-in-visual-studio-code-for-console-log VSCode extension, Quokka: https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode
- From Stefan JS syntax cheatsheet: https://ilovecoding.org/blog/js-cheatsheet
- A little of JavaScript history - https://matcha.fyi/javascript-history/
- Understanding compilation vs interpretation: https://youtu.be/HktWin_LPf4?t=392 watch until 8:56
- JavaScript performance and language feature implications: https://www.youtube.com/watch?v=HktWin_LPf4&t=156s watch until 4:18.
- Kata suggestions:
- String manipulation: https://www.codewars.com/kata/57eae20f5500ad98e50002c5
- ES6 String addition: https://www.codewars.com/kata/582e4c3406e37fcc770001ad
- Array manipulation #1: https://www.codewars.com/kata/54edbc7200b811e956000556
- Array manipulation #2: https://www.codewars.com/kata/559d2284b5bb6799e9000047
- Even or Odd (interacting with numbers): https://www.codewars.com/kata/53da3dbb4a5168369a0000fe
- From Stefan JavaScript cheatsheet: https://htmlcheatsheet.com/js/
- Motivational on learning to code: https://www.youtube.com/watch?v=NtfbWkxJTHw