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

Codecademy

Front-End Engineer

via Codecademy Path

Go to class Write review
Simplilearn Ad

Pass the PMP® Exam on Your First Try — Expert-Led Training

Learn More → Boot.dev Ad

Stuck in Tutorial Hell? Learn Backend Dev the Right Way

Learn More →

Overview

Build a Learning Habit
Download Class Central's free printable study calendar
Download for Free
Front-end engineers work closely with designers to make websites beautiful, functional, and fast. Includes **HTML**, **CSS**, **JavaScript**, **Front-End**, **Web Apps**, **React**, and more.

Syllabus

  • Introduction to Front-End Engineer Career Path
    • Welcome to the Front-End Engineer Career Path!
  • Overview of Web Development
    • Be introduced to the field of front-end web development.
  • Fundamentals of HTML
    • Learn to build a structure for a website using HTML.
  • Fundamentals of CSS
    • Learn how to apply styles to HTML documents using CSS.
  • Developing Websites Locally
    • Get acquainted with text editors and Chrome DevTools to develop websites locally.
  • Deploying Websites
    • Learn how to deploy websites using GitHub Pages and the command line.
  • Improved Styling with CSS
    • Explore intermediate topics in CSS to customize styles and implement navigation elements.
  • Fundamentals of Web Design
    • Explore best user interface (UI) design practices to implement CSS.
  • Making a Website Responsive
    • Learn how to utilize responsive web design practices using CSS grid, flexbox, and media queries.
  • JavaScript Syntax, Part I
    • Use JavaScript to create basic programs that can store and manipulate various types of data.
  • JavaScript Syntax, Part II
    • Explore JavaScript to create more complex programs using arrays, loops, objects, and iterators.
  • Building Interactive Websites
    • Implement JavaScript to add interactive experiences to a website.
  • Making A Website Accessible
    • Get acquainted with the best accessibility (a11y) practices to ensure that your websites are usable to everyone.
  • CSS Transitions and Animation
    • Learn how to create visually dynamic websites using CSS transitions and animations.
  • Git and GitHub, Part I
    • Explore Git and GitHub to version control your programs.
  • Portfolio Project: Personal Portfolio Website
    • Bring together what you have learned in the previous lessons and build a project off of Codecademy.
  • JavaScript Syntax, Part III
    • Level up your JavaScript by learning how to implement classes, modules, and error handling.
  • JavaScript Testing
    • Learn various JavaScript testing methodologies, such as Test-Driven Development (TDD), using Mocha and Chai.
  • Async JavaScript and HTTP Requests
    • Learn about APIs (Application Programming Interfaces). Working with APIs will enable you to work with data stored on remote servers.
  • Web Apps
    • Be introduced to web applications and learn about single page applications (SPAs) and how they are different from static websites.
  • React, Part I
    • Be introduced to React, a popular JavaScript library, to build scalable front-ends for your website through the creation of components.
  • React, Part II
    • Dive further into React and learn about props, state, hooks as well as testing with Jest and Enzyme.
  • Redux
    • Learn how to manage React application's states with Redux.
  • Git and GitHub, Part II
    • Learn how to collaborate on a project using Git and GitHub through forking, branching, merging conflicts, and making pull requests.
  • Portfolio Project: Reddit Client
    • Bring together what you have learned in the previous lessons and build a project off of Codecademy.
  • Advanced Web Development
    • Learn advanced web development concepts and tools that will help you take your web applications to the next level.
  • What To Expect in a Technical Interview
    • Know what to expect when interviewing for engineering jobs.
  • Linear Data Structures
    • Begin interview preparation by learning the fundamentals of linear data structures.
  • Complex Data Structures
    • Continue interview preparation by learning advanced applications of data structures.
  • Algorithms
    • Continue interview preparation by learning the fundamentals of algorithms.
  • Search and Graph Search Algorithms
    • Continue interview preparation by learning the fundamentals of search algorithms.
  • Interview Skills
    • Review some key technical interview topics as well as soft skills which employers are looking for in potential candidates.
  • Portfolio Project: Open-Ended Project
    • Bring together what you have learned in the previous lessons and build a project off of Codecademy.
  • Next Steps in Your Front-End Engineer Journey
    • Congratulations on finishing the Front-End Career Path!

Reviews

Start your review of Front-End Engineer

Go to class

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.