📚 1907-GHP-NY-WEB-FT

This will be your main place for Fullstack related materials!

🛠️ Helpful Resources/Links

Click to Expand

• 📖 Better Sequelize Documentation
• 🗺 Stack Map Diagram
• 📺 Video: Debugging Node
• 📖 Effective git and github usage for pairing on workshops
• 📺 Additional Video outlining Github workflow when pairing on Workshops
• 📖 Fullstack Student / Alumni Blogs List
• 📖 Gist: Debugging
• 📺 Video: Debugging
• 📖 Gist: Some code wars problems, categorized
• 📖 Gist: Book Recommendations
• 📖 Oh-My-ZSH cheatsheet

🥚 Foundations

Click to Expand

Fullstack Test First Solution Videos

• 📺 01 Properties
• 📺 02 Calculator
• 📺 03 RPN Calculator Playlist
• 📺 04 Loops Playlist
• 📺 05 Functions
• 📺 06 Functional
• 📺 07 Mammals
• 📺 08 Recursion

Foundations Checkpoint

• 💬 Q & A

🐣 Junior Phase

Week 1

Collaboration & Git, HTML & CSS, DOM & Events

Click to open

Day 1: Collaboration

• Pre-Work:
  • 📖 Git Basics
  • 📖 A Pair is Better Than One

Topic	Lecture	Slides	Solution	Review
Pair Programming	-	🖼️	-	-
Git: Getting Comfortable	-	🖼️	-	-

• You should be able to:
  • Manage a project using git
  • Practice effective pair programming

Day 2: HTML & CSS, Debugging

• Pre-Work:
  • 📖 HTML Basics
  • 📖 What is the DOM?
  • 📖 CSS Basics
  • 📖 Thoughts on Debugging

Topic	Lecture	Slides	Solution	Review
HTML & CSS	-	🖼️	-	-
Intro To Boxing	-	🖼️	-	-
Practical Debugging: Prevention	-	🖼️	-	-
Practical Debugging: Detection, Diagnosis, & Treatment	-	🖼️	-	-

• You should be able to:
  • Create a basic HTML document using common elements (div, p, h1, ul, button, etc)
  • Add some basic styling to an HTML document
  • Navigate the browser developer tools (console, elements, network)

Day 3: DOM and Events

• Pre-Work:
  • 📖 An Intruction to DOM Events
  • 🐸 FlexBox Froggy
  • FlexBox Zombies
  • FlexBox in 10 Minutes

Topic	Lecture	Slides	Solution	Review
Flexbox	-	🖼️	-	-
Landing Page Liftoff	-	-	-	-
Intro to the DOM	-	🖼️	-	-
Event Listeners & Handlers	-	🖼️	-	-

• Homework:
  • Check out the solution code / review videos from today!
• You should be able to:
  • Style a page using Flexbox
  • Define the DOM
  • Set up event listeners to handle DOM events
  • Manipulate the DOM using the DOM API
  • Explain how a browser uses HTML, CSS, and JavaScript to display a web page

Day 4: Pixelate, Trackr

• Pre-Work:
  • None! :)

Topic	Lecture	Slides	Solution	Review
Pixelate	-	-	-	-
Fitness Tracker 1	-	-	-	-

• You should be able to:
  • (see day 3 above)

Day 5: Conway's Game of Life

• Pre-Work:
  • 📖 Conway's Game of Life

Topic	Lecture	Slides	Solution	Review
Game of Life	-	🖼️	-	-
Weekly Review	-	-	-	-

• You should be able to:
  • (see day 3 above)