Frontend Workshop
Learn the fundamentals of front-end development.
Course description
Embark on a comprehensive journey to master front-end development. This course is designed to teach you the essentials of HTML, CSS, and JavaScript, ensuring a strong foundation for your web development career.
By diving into real-world projects, you'll understand how to create interactive and visually appealing web pages. The course also covers the latest trends and tools in front-end development.
Explore topics like responsive design, accessibility, and basic JavaScript programming to enhance user experience. Yo'll learn to debug and optimize your code using developer tools and gain insights into performance optimization.
Build a portfolio-ready project by the end of the course to showcase your skills. This workshop is perfect for beginners or anyone looking to solidify their front-end development expertise.
What you'll learn
- Understand HTML semantics.
- Master CSS layouts and responsive design.
- Learn JavaScript fundamentals, including ES6 features.
- Create interactive and accessible web pages.
- Work with developer tools to debug and optimize code.
- Build a small project to consolidate learning.
- Understand the basics of web performance optimization.
Curriculum
HTML Basics (3 lectures)
- What is HTML?
- Tags and Attributes
- Creating Forms
CSS Fundamentals (3 lectures)
- Styling Basics
- Box Model
- Flexbox and Grid
JavaScript Essentials (3 lectures)
- Variables and Data Types
- Functions and Events
- DOM Manipulation
Responsive Design (2 lectures)
- Media Queries
- Mobile-First Approach
Project: Simple Portfolio (2 lectures)
- Creating HTML Structure
- Styling with CSS