Front-End Engineer

Welcome to the Front-End Engineer Career Path! Get an overview of the journey ahead of you, save some helpful resources, and join our community. Then dive into the field of web development and the exciting opportunities ahead.

HTML provides the structure for all web pages you visit. Learn the elements that you'll use to piece together this structure and best semantic practices associated with building out a web page.

Part of becoming a developer means you'll need the skills to create websites on your own computer. Use tools like text editors and Chrome Devtools to work out how to build websites locally.

Once you have your site, you'll want to share it — which means you'll need to host and deploy it. Use the command line and GitHub pages to make this deployment process seamless.

Learn how to incorporate colors, typography, links, buttons, and more to take your CSS to the next level. Then take your skills and incorporate wireframing to provide a vision for your site.

Forge a solid understanding of the fundamental web design principles, including wireframing, color design, and text design for future CSS implementation.

Sites show up on all different types of devices, like: desktops, cellphones, laptops, etc. Incorporate responsive design to create a site that adapts to your users' different screen sizes.

Further your understanding of CSS by incorporating eye-catching animation and transition techniques that will draw in visitors to your websites and apps.

JavaScript empowers you to add logic to your website and create a truly interactive site. Start with the basics of variables, data types, conditionals, functions, and scope.

Build off your knowledge of JavaScript to implement even more functionality. Learn to utilize arrays, loops, objects, interators, errors, and debugging.

The Document Object Model (DOM) represents the different parts of a website. Use JavaScript to manipulate the DOM and create a interctive site.

Git is a quintessential tool for version control. Use it along with GitHub to share your code and enable a collaborative workflow with other developers.

One important tool for displaying your skills will be your own personal portfolio site. Use your knowledge of web development and establish your own web presence.

Further your knowledge of JavaScript and implement classes, modules, and error handling. Once you're done, test yourself with the provided code challenges.

Testing ensures that your app performs as intended. Learn how to create Mocha tests and the Test Driven Development (TDD) methodology that demonstrates how testing can be applied.

Learn what asynchronous code is and how it allows you to use JavaScript to smoothly handle actions that might otherwise block your app and make your users wait.

Confused about web pages, websites, and web apps? Take this unit to differentiate between these different terminologies and what a Single Page Application (SPA) is.

Be introduced to React, a popular JavaScript library, to build out the front-end of your apps. This library will build upon your JavaScript knowledge and teach you core React syntax.

Continue with React to learn how different components interact with each other using props, state, hooks, and use React Router, as well as testing with Jest and Enzyme.

Redux is a popular state management library that pairs well with React to create scalable front-end apps that enable you to use a centralized store to pass on data to your components.

Further your knowledge of Git and GitHub to streamline your processes for working collaboratively with others through forking, branching, merging conflicts, and making pull requests.

Combine your knowledge of React and Redux to create the front-end of an application like Reddit. Use this chance to also work collaboratively with others and add it to your portfolio.

Learn more advanced web development concepts including, SEO, build tools, optimizations, that will help you take your web applications to the next level.

Technical interviews are a staple used to gauge your programming skills. Learn what these interviews entail and how to best represent yourself.

Begin interview preparation by learning the fundamentals of linear data structures such as singly-linked lists, doubly-linked lists, queues, and stacks.

Continue your interview preparation by learning advanced applications that include data structures such as hash maps, trees, heaps, and graphs.

Another part of what's tested during the technical interview is algorithms. Learn what algorithms are, asymptotic notation, and different types of sorting algorithms.

Continue to build off your understanding of algorithms by diving into search algorithms that involve: binary search, search trees, and graph traversals.

Review some key technical interview topics such as whiteboarding and code challenges as well as soft skills which employers are looking for in potential candidates.

Highlight your skills and showcase your creativity by creating a full-stack PERN app of your choosing. Feature this project in your portfolio project and don't be shy about collaboration.