About this course

by Stefan Landrock - UX-designer and experienced web development educator

This course is designed for engineering students who want to learn modern web development from the ground up. You'll progress through seven carefully structured phases that build upon each other, ensuring you develop a deep understanding of web technologies starting from the basics. No prior web development experience is required—we'll teach you everything you need to know. Each phase combines theoretical knowledge with hands-on practice, culminating in eight milestone projects that will form an impressive portfolio. Whether you're exploring web development for the first time, preparing for internships, or building skills for your future career, this course provides a comprehensive, practical foundation in building modern websites and web applications.

The curriculum follows a progressive learning approach, starting with foundational concepts and gradually introducing more advanced topics. You'll begin by understanding how the web actually works—from HTTP requests to browser rendering—before diving into the core technologies that power every website: HTML, CSS, and JavaScript. As you gain confidence with these fundamentals, you'll move into more sophisticated territory, learning modern layout techniques, responsive design principles, and interactive programming patterns. The course culminates with an introduction to Vue.js, one of the most popular and developer-friendly frameworks for building modern web applications.

🎓 Learning Outcomes

By completing this course, you will be able to:

Technical Skills

  • ✅ Build responsive, accessible websites from scratch
  • ✅ Master HTML5 semantic markup and document structure
  • ✅ Create sophisticated layouts with modern CSS (Flexbox, Grid)
  • ✅ Write interactive JavaScript applications
  • ✅ Develop single-page applications with Vue.js
  • ✅ Integrate frontend with backend APIs
  • ✅ Deploy and maintain production websites
  • ✅ Use developer tools for debugging and optimization

Professional Skills

  • ✅ Follow web standards and best practices
  • ✅ Implement accessibility guidelines (WCAG)
  • ✅ Write maintainable, documented code
  • ✅ Use version control with Git
  • ✅ Debug and troubleshoot web applications
  • ✅ Optimize for performance and user experience

Additional Learning Resources

Beyond the technical skills, great web development requires understanding design thinking and user experience principles. Check out our curated collection of Design & UX Learning Resources featuring talks and interviews with legendary designers like Paula Scher, Don Norman, and other industry masters. These resources will help you develop the design philosophy and thinking patterns that separate good developers from great ones.