Introduction
Learn the web by building
()
1. Welcome to Your Development Environment
Hello, web development
()
Hello, DevTools
()
Hello, GitHub and Git
()
Setting up your development environment
()
Hello, GitHub Codespaces
()
Hello, GitHub Copilot
()
Learn by doing
()
2. HTML Development
Hello, HTML
()
Document structure: Elements and tags
()
Document organization
()
Document attributes
()
Document accessibility
()
Putting it all together
()
3. CSS Styling
Hello, CSS
()
CSS in action
()
Stylesheets and setup
()
Cascading and inheritance
()
Selectors and properties
()
Layouts and positioning
()
Transitions and animations
()
Recap
()
4. JavaScript Development
Hello, JS
()
Understanding variables
()
Creating functions
()
Working with the Document Object Model (DOM)
()
Adding event handling
()
Understanding closures
()
Putting it all together
()
5. Coding Projects
Introduction to app dev projects
()
Building to learn
()
Typing project: Applying the build to learn process
()
Space game project: Code overview
()
Space game project: The HTML canvas element
()
Space game project: Examining the game mechanics
()
6. AI-Assisted Development
Conversation: AI-assisted web development, part 1
()
Conversation: AI-assisted web development, part 2
()
Conversation: AI-assisted web development, part 3
()
Intro to AI-assisted web development
()
Setting up Copilot
()
AI-assisted development with Copilot
()
Useful prompts to learn programming with Copilot
()
AI-assisted development with ChatGPT
()
Conclusion
Growing your web development skills
()