-
Set up VSCode
- Install extensions
-
Set up Git (git config)
-
Basic Git commands
- git clone
- git branch
- git checkout
- git status
- git add
- git commit
- git push
- git fetch
- git pull
- git merge
- -> try it both in terminal and version control
- -> https://www.freecodecamp.org/news/10-important-git-commands-that-every-developer-should-know/
-
Add yourself as a workshop participant
-
HTML
- Basic HTML structure
The <!DOCTYPE html> declaration defines that this document is an HTML5 document
The <html> element is the root element of an HTML page
The <head> element contains meta information about the HTML page
The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)
The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
The <h1> element defines a large heading
The <p> element defines a paragraph
-
CSS
- CSS Diner: https://flukeout.github.io/
- Check the Selectors cheatsheet (link in the menu)
-
DevTools
- Chrome DevTools
- Try to automate something using the Ghost inspector: https://app.ghostinspector.com/