Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Front End Developer Learning Path

via freeCodeCamp

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learning path designed to guide aspiring developers through comprehensive frontend development skills over 3 days and 10 hours. Master essential technologies starting with HTML fundamentals and website structure, then progress through CSS styling techniques and Visual Studio Code development environment setup. Build proficiency in JavaScript programming fundamentals before exploring modern prompt engineering techniques for ChatGPT and language model integration. Apply knowledge through hands-on projects including simple website construction, mobile-first web application development with accessibility features and persistent data storage using Sass. Develop version control expertise with Git and GitHub workflows, then advance to framework-specific skills including Bootstrap 5 with Sass for responsive portfolio creation. Explore React 18 development with Redux Toolkit state management, Tailwind CSS utility-first styling, and Vite build tool optimization. Strengthen code quality through Cypress testing frameworks and React application testing methodologies. Expand technical capabilities with TypeScript for type-safe development, GraphQL for efficient data querying, and Next.js for full-stack application deployment. Gain mobile development experience through React Native for cross-platform Android and iOS applications, discover Astro web framework for modern site generation, and implement security best practices following OWASP API Security guidelines. Complete the journey with fundamental internet architecture understanding to build a solid foundation for professional frontend development careers.

Syllabus

Front End Developer Roadmap
HTML Tutorial - Website Crash Course for Beginners
CSS Tutorial – Full Course for Beginners
Visual Studio Code Crash Course
JavaScript Programming - Full Course
Prompt Engineering Tutorial – Master ChatGPT and LLM Responses
Build a Simple Website with HTML, CSS, JavaScript – Course for Beginners
Web App Tutorial - JavaScript, Mobile First, Accessibility, Persistent Data, Sass
Git and GitHub for Beginners - Crash Course
Learn Bootstrap 5 and SASS by Building a Portfolio Website - Full Course
Learn React 18 with Redux Toolkit – Full Tutorial for Beginners
Learn Tailwind CSS – Course for Beginners
Learn Vite – Frontend Build Tool Course
Testing JavaScript with Cypress – Full Course
React Testing Course for Beginners – Code and Test 3 Apps
Learn TypeScript – Full Tutorial
GraphQL Course for Beginners
Next.js React Framework Course – Build and Deploy a Full Stack App From scratch
React Native Course – Android and iOS App Development
Astro Web Framework Crash Course
OWASP API Security Top 10 Course – Secure Your Web Apps
How does the internet work? (Full Course)

Taught by

freeCodeCamp.org

Reviews

Start your review of Front End Developer Learning Path

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.