README.md

This repository serves as a guide for your class.

Where we will be learning about HTML, CSS3, Javascript, Vue & Supabase.

Created with ❤️ by Diego Zito.

Bootcamp Dates 2nd April - 20th July

Zoom Link

Zoom Video Link

Folder Structure

Table of Contents

• Week 1
• Week 2
• Week 3

Helpful Links

• VS Code - Video Tutorials

  • VS Code Install - Windows
  • VS Code Install - Mac
  • How to enable 'Live Server' extension within VS Code

• Video Tutorials

  • Command Line Crash Course
  • HTML Crash Course - English
  • CSS Crash Course - English
  • Git & Github Tutorial - English
  • Git & Github Tutorial - Spanish
  • CSS Grid Crash Course
  • JS Fundamentals
  • JS Crash Course
  • JS Functions & Arrays Crash Course
  • JS - DOM Crash Course
  • JS - Async Await Crash Course

• Video Project Tutorials

  • Build a Music Player | JS, HTML, CSS (Vanilla JS)
  • Build A Filterable List With Vanilla JavaScript
  • JavaScript Password Generator
  • Create A Simple JavaScript App to Generate QR Codes
  • Star Ratings With JavaScript & Font Awesome
  • Simple JavaScript Slideshow In 5 Minutes
  • SpaceX Website Clone - HTML, CSS & JavaScript
  • Rock Paper Scissors Game - UI & JavaScript

• Icon Libraries

  • Font Awesome
  • The Noun Project

• Tools and Helpful Links

  • CSS Grid Generator
  • CSS Flex Generator
  • CSS Shadows
  • CSS Animations
  • CSS Buttons with Animations
  • Media Query CheatSheet
  • JS Operator Lookup

---

Git

Git is a version control tool that helps us save and follow the changes we make in a computer project.

What is it for?

Git is very useful when we work on large projects with other programmers because it allows us to easily save and share the code we are writing and make sure everyone has the latest version of the project.

How do we use it?

We use Git through the computer's command line, and we can do things like create a new project, save changes, and see the history of changes we have made in the project.

Example

Let's say we are working on a simple webpage and want to make some changes to the design. We use Git to save the changes we make to the webpage files and then upload them to GitHub so other programmers can see the changes and add their own improvements.

For example, if we want to change the background color of the page to blue, we use Git to save that change to the webpage files. Then, we upload the files to GitHub so other programmers can see the change and add their own code to make the page look even better. It's like we're painting a picture together, and each one adds their own touch to make the drawing more beautiful!

---

Github

GitHub is a website that allows us to save and share computer projects with other programmers.

What is it for?

GitHub is very useful when we work on large projects with other programmers because it allows us to easily share the code we are writing and collaborate on the project. We can also use GitHub to control the versions of our project and make sure that the whole team has the latest version of the project.

How do we use it?

We can use GitHub to upload our computer projects, add other programmers to the project, work on different versions of the project, and collaborate with other programmers on the project.

Example

For example, if we are working on a project to create a game app, we can use GitHub to save the code we are writing, add other programmers to the project to help us write the code, and work on different versions of the game app to make sure everything is working correctly. It's like playing a team game and working together to win!

Git Commands

Follow these steps to make changes to your repository:

Commands to push to github

git add . git commit -m "descriptive message about recent changes" git push origin main

DRAFT

git add . git commit -m "snfjohjfdkgdfjdo" git push origin main