- Web page vs. Website?
- HTML
- HyperText
- Markup Language
- Exercise 1 of 8: Plain Text vs. Markup
- Exercise 2 of 8: Uncomment Examples Part I
- Using Markup
- HTML Tags
- HTML Elements
- Exercise 3 of 8: Uncomment Examples Part II
- Attributes
- Exercise 4 of 8: Uncomment Examples Part III
- Nesting
- Child and Parent
- Indentations
- Exercise 5 of 8: Uncomment Examples Part IV
- HTML in practice
- Exercise 6 of 8: HTML in the browser
- Exercise 7 of 8: Playing with the HTML
- Web Browsers
- Rendering Engine
- DOM
- Internet Not Required
- Exercise 8 of 8: First Web Page without the internet
- Key Takeaways
- Considerations for Further Study
- Further Readings
- What's Next?
- What is CSS
- Our First Introduction to CSS
- Exercise 1 of 6: HTML & CSS in one file
- CSS via the DevTools
- Exercise 2 of 6: Looking at CSS in the DevTools
- CSS Syntax
- Selector
- Property
- Value
- Selector Specificity
- Different types of Selectors
- Tag Selector
- Class Selector
- Id selector
- Exercise 3 of 6: Selector Specificity
- Color Values
- Units
- Exercise 4 of 6: Using the DevTools to play with colors and units
- How do you add CSS to a web page?
- 1. External stylesheet
- Exercise 5 of 6: Make an External CSS file
- 2. Internal stylesheet
- 3. Inline style
- Exercise 6 of 6: Playing with Inline style
- When should I use External, Internal, or Inline styles?
- Key Takeaways
- Considerations for Further Study
- Further Readings
- What's Next?
- Exercise 1 of 12: What does "interactive" look like?
- Why are we Focusing on JavaScript?
- Exercise 2 of 12: The Web without JavaScript
- JavaScript Basics
- JavaScript in the Console
- Exercise 3 of 12: JavaScript in the Console
- Console command: console.log()
- Exercise 4 of 12: console.log()
- Console command: clear()
- Exercise 5 of 12: clear()
- JavaScript Comments
- Exercise: 6 of 12 Comments
- HTML Element Selectors
- CSS Selectors: a refresher
- JavaScript Selectors
- Exercise 7 of 12: Playing with JavaScript Selectors
- Exercise 8 of 12: Event Listeners
- Arrays & Variables
- Exercise 9 of 12: Playing with Arrays Part I
- Exercise 10 of 12: Playing with Arrays Part II
- Push(): Adding a list item to an Array
- Pop(): Removing a list item from an Array
- Index
- Exercise 11 of 12: Playing with Indexes
- Objects
- Exercise 12 of 12: Playing with Objects
- Key Takeaways
- Considerations for Further Study
- Further Readings
- What's Next?
- What is a Programming Language?
- How do I know what Programming Language to learn?
- Exercise 1 of 3: Looking at Programming Languages on Google Trends
- A closer look at the Top Programming Languages
- JavaScript: The Language of the Web
- Java: An Industry Workhorse
- Python: Bring on the Data
- PHP: One of the Web's Original Languages
- C: Everyone's Relative
- C++: The C Legacy Continues
- C#: The Millennial of the C legacy
- TypeScript: The Hipster
- Shell Scripts: Your Computer's Love Language
- Ruby: Training Wheels
- Job Descriptions
- Frameworks And Libraries
- Exercise 2 of 3: Looking at active job postings
- Tech Stacks
- Exercise 3 of 3: Tech Stacks
- Key Takeaways
- Considerations for Further Study
- Further Readings
- What's Next?
- Opening the terminal
- Exercise 1 of 9: Opening the terminal
- CLI
- GUI
- Exercise 2 of 9: Playing with a GUI
- CLI
- Exercise 3 of 9:
- Shell Scripting
- Command Syntax
- Exercise 4 of 9: Using the man command to understand the syntax
- The Terminal & PowerShell Programs
- Tips for Learning the terminal
- Exercise 5 of 9: Make a Command File
- File Paths
- Relative File Paths
- Exercise 6 of 9: Terminal and Relative File Paths
- Absolute File Paths
- Exercise 7 of 9: Terminal and Absolute File Path
- File System
- File Types
- Let's run some commands!
- Exercise 8 of 9: Commands that manipulate files
- Exercise 9 of 9: Party Tricks
- Key Takeaways
- Considerations for Further Study
- Further Readings
- What's Next?
- Version Control
- Version Control Systems (VCS)
- Centralized Version Control Systems (CVCS)
- Distributed Version Control System (DVCS)
- Git
- Exercise 1 of 5: Setup GitHub account & Install Git
- General Git Workflow
- Exercise 2 of 5: Basic Git Workflow
- Commit, a snapshot of the change
- Exercise 3 of 5: Making more Commits
- Git Branching
- Exercise 4 of 5: Branching
- Git in the Cloud
- Exercise 5 of 5: Workflow between Git and GitHub️
- A Git Never Forgets
- Git Summary
- GitHub
- Culture of GitHub
- GitHub: the new resume
- Use GitHub whenever you can
- Embrace the community
- Git and GitHub usage statistics
- Git: Who uses it
- GitHub: Who uses it
- Key Takeaways
- Summary of Git Commands
- Considerations for Further Study
- Further Readings
- What's Next?
- Terminology: Frontend, Client-side, Backend, Server-side, UX, UI
- Frontend
- Backend
- Client-side
- User Experience (UX) and User Interface (UI)
- Server-side and Backend
- Frontend and Backend balance of responsibilities
- Why Split the Difference?
- Security Concerns
- Scale
- Connectivity
- Performance
- APIs
- Exercise 1 of 5: Watching an API communicate with a server using the Network panel
- Exercise 2 of 5: Ron Swanson API with some Frontend
- Backend Data: Databases
- SQL
- Exercise 3 of 5: Practicing with SQL on a set of data
- Backend Programming Languages
- Exercise 4 of 5: Setting up a Node.js Backend
- Exercise 5 of 5: Create your own API
- What kind of programmer do you want to be?
- Key Takeaways
- Considerations for Further Study
- Further Readings
- What's Next?
- 1. HTML
- Skill Level: Easy
- Project Suggestions
- Est. Hours Spent
- Frontend vs. Backend
- 2. CSS
- Skill Level: Easy-Moderate
- Project Suggestions
- Est. Hours Spent
- Frontend vs. Backend
- Skill Level: Moderate-Advanced
- Project Suggestions
- Est. Hours Spent
- Frontend vs. Backend
- Skill Level: Easy-Moderate
- Project Suggestions
- Est. Hours Spent
- Frontend vs. Backend
- Skill Level: moderate
- Project Suggestions
- Est. Hours Spent
- Frontend vs. Backend
- Skill Level: Moderate - Expert
- Project Suggestions
- Est. Hours Spent
- Frontend vs. Backend
- Happy Adventuring