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

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
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

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.