top of page
Preperation Kit
Welcome to your Preparation Kit for Web Development Fundamentals!
We're thrilled to have you join us. This kit is designed to set you up for success by introducing key learning methodologies and essential tools. Our goal is to empower you to take an active role in your education and build a strong foundation for your journey with us.
Deadline May 31
Structured Learning Paths: Your Roadmap to Mastery
We believe in providing clear, progressive learning paths that guide you through complex topics step-by-step. Think of these as your personal roadmap, ensuring you build knowledge logically and effectively. Each module is designed to build upon the last, helping you grasp concepts thoroughly before moving on.
Why it's important: Structured learning helps prevent feeling overwhelmed, ensures comprehensive coverage of topics, and reinforces foundational knowledge. It allows you to track your progress and see how each piece fits into the bigger picture.
Explore our suggestions:
01
This lecture from Harvard's CS50 provides a comprehensive introduction to the foundational web technologies: HTML, CSS, and JavaScript. It's an excellent starting point for understanding how these languages work together.
02
A detailed 4-hour course covering HTML and CSS fundamentals. This resource is great for building a solid understanding of structuring and styling web pages.
03
Another excellent 4-hour tutorial focusing specifically on HTML. Dave Gray's approach is known for being clear and easy to follow, making it ideal for beginners.
04
This playlist focuses specifically on CSS, providing a deeper dive into styling your web pages.
05
Learn about Tailwind CSS, a utility-first CSS framework that can significantly speed up your styling workflow.
06
Build and scale autonomous multi-agent systems that think, decide, and act in real time.
Active Learning: Engaging with Your Education
01
Codecademy offers interactive coding exercises that promote learning by doing. This course will help you actively practice JavaScript concepts directly in your browser.
02
freeCodeCamp provides a text-based tutorial with embedded coding challenges, encouraging you to write and test code as you learn.
03
Scrimba's interactive screencasts allow you to pause, edit, and run the code directly within the video, making it an excellent tool for active engagement.
Visual Studio Code
As you delve into practical applications, mastering basic debugging techniques and understanding developer tools will be invaluable.
Recommended VS Code Extensions:
-
Live Server
-
Prettier - Code Formatter
-
ESLint
-
Live Share
-
GitHub Copilot (AI-Assisted Coding)
Additional resources (pay to use):
bottom of page