Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/herminiotorres/scrimba-frontend-path

The Frontend Developer Career Path
https://github.com/herminiotorres/scrimba-frontend-path

apis css frontend git html javascript js react responsive-web-design scrimba scrimba-frontend uidesign

Last synced: 3 months ago
JSON representation

The Frontend Developer Career Path

Awesome Lists containing this project

README 

          
# The Frontend Developer Career Path

Launch your career as a [frontend developer](https://scrimba.com/learn/frontend) with this immersive path. Created in collaboration with Mozilla MDN, ensuring that you'll learn the latest best practices for modern web development, and stand out from other job applicants.



## About

This career path aims to turn you into a job-ready frontend developer in less than six months.



The curriculum is curated by [Mozilla MDN](https://developer.mozilla.org/en-US/curriculum/) to ensure that it always aligns with the latest industry standards and best practices for modern frontend development, as outlined in their MDN Curriculum. It is based on extensive research into what new hires need to know to succeed in the industry.



You’ll gain a well-rounded skill set balanced between modern tooling such as React and GitHub, and evergreen best practices such as semantic HTML, JavaScript fundamentals, and accessibility.



You'll also build more than a dozen portfolio projects, and solve 100s of interactive coding challenges.



The path is fully self-paced, so you can choose whether you’d like to do it part-time or full-time.



### About MDN

[Mozilla MDN](https://developer.mozilla.org/en-US/) has relentlessly pursued its goal of documenting the web platform since 2005, becoming one of the essential and most well-respected resources for professional frontend web developers around the globe. It boasts over 12,000 pages of English language documentation providing exhaustive references for HTML, CSS, JavaScript, HTTP, and other technologies, descriptive guides and tutorials, interactive code examples, and much more.



The [MDN Curriculum](https://developer.mozilla.org/en-US/curriculum/) provides a structured guide to the essential skills and practices for being a successful front-end developer, along with recommended learning resources. An essential resource for any frontend learning experience.



Last but not least, MDN also features a vibrant contributor community, responsible for helping to keep MDN maintained as well as thousands of pages of volunteer-contributed translations.



### About Web.Dev

[Web.Dev](https://web.dev/) want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts who specialize in web development topics such as accessibility, performance, design, and more.



#### Learn web development

- [Learn](https://web.dev/learn)

  - Learn web development: Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.

- [Explore](https://web.dev/explore)

  - Explore: Explore our structured learning paths to discover everything you need to know about building for the web.



### Web Development for Beginners - A Curriculum

[The Curriculum](https://microsoft.github.io/Web-Dev-For-Beginners/), it will learn the fundamentals of web development with our 12-week comprehensive course by Microsoft Cloud Advocates. Each of the 24 lessons dives into JavaScript, CSS, and HTML through hands-on projects like terrariums, browser extensions, and space games. Engage with quizzes, discussions, and practical assignments. Enhance your skills and optimize your knowledge retention with our effective project-based pedagogy. Start your coding journey today!



[Generative AI for beginners with JavaScript](https://microsoft.github.io/generative-ai-with-javascript/). This course throws you into a time-traveling adventure—meet history’s legends with a fun twist, while learning Generative AI technologies.



### Freecodecamp

- [Certified Full Stack Developer Curriculum](https://www.freecodecamp.org/learn/full-stack-developer/): This course provides a comprehensive pathway to becoming a Certified Full Stack Developer, covering all the essential technologies required to build modern, scalable web applications from start to finish. Through a blend of interactive lessons, coding exercises, and real-world projects, you will master both frontend and backend development. You'll work with HTML, CSS, and JavaScript to build responsive user interfaces, explore React and TypeScript for advanced web applications, and learn to manage data with relational databases - and on the backend, you'll use Git, Npm, Node.js, and Python to create powerful server-side solutions. By the end of this course, you'll have the practical skills and experience to confidently develop complete web applications, preparing you for a successful career as a Full Stack Developer. This certification will take you a substantial amount of time and effort to complete. If you start now, you may be ready to start the remaining material and final exam when we launch it in the coming months.

- [Learn English for Developers - A2 English](https://www.freecodecamp.org/learn/a2-english-for-developers/): In this English for Developers Curriculum, you'll learn the essentials of English communication. This will follow the A2 level of the Common European Framework of Reference (CEFR). And we've focused on vocabulary that is particularly useful for developers. The first half of the curriculum will help you get comfortable with English grammar and usage. It will give you tons of hands-on practice. You'll learn basics like introducing yourself, making small talk, and discussing your work. In the second half, you'll practice vocabulary specific to software development. You'll learn how to describe code, discuss tech trends, and participate in stand-up meetings. This entire A2-level curriculum includes 105 different dialogues. Each is designed to build your vocabulary and boost your confidence when speaking in a professional tech setting.

- [Learn English for Developers - B1 English](https://www.freecodecamp.org/learn/b1-english-for-developers/): In this English for Developers Curriculum, you'll learn the essentials of English communication. This will follow the B1 level of the Common European Framework of Reference (CEFR). And we've focused on vocabulary that is particularly useful for developers. It will help you strengthen your foundational skills while introducing more complex grammar and usage. You'll learn how to describe places and things, share past experiences, and confidently use tenses like Present Perfect and Future. Practical communication strategies are included as well, such as managing conversations, expressing opinions, and building agreement or disagreement in discussions. You'll also focus on applying these skills in professional and technical settings. You'll practice vocabulary and phrases essential for developers, such as describing code, participating in stand-up meetings, and discussing tech trends. Advanced topics include conditionals, comparative structures, and conversation management, so you can prepare for real-world interactions in the tech industry. This entire B1-level curriculum includes 73 different dialogues. Each is designed to build your vocabulary and boost your confidence when speaking in a professional tech setting.



### The Odin Project

[The Odin Project](https://www.theodinproject.com/) is one of those "What I wish I had when I was learning" resources. Not everyone has access to a computer science education or the funds to attend an intensive coding school and neither of those is right for everyone anyway. This project is designed to fill in the gap for people who are trying to hack it on their own but still want a high quality education.



### HTML & CSS for Absolute beginners by Kevin Powell

[Learn to build websites from scratch](https://learn.kevinpowell.co/) - even if you've never written a line of code before.



_**Course description**_

This hands-on course teaches you the fundamentals of HTML and CSS, the building blocks of the web. You'll start with the basics and progress step-by-step to creating your own responsive websites.

Perfect for complete beginners who want to start their web development journey.



_**Learn the fundamentals of creating websites**_

- _Over 60 lessons_

- _Over 4.5 hours of video lessons across 64 videos_



## Content

### Module 1

- Let's Make a Cake!

  - [Live site](https://herminiotorres.github.io/scrimba-frontend-path/module-1/lets-make-a-cake/)

  - [Source Code](https://github.com/herminiotorres/scrimba-frontend-path/tree/main/module-1/lets-make-a-cake)

### Module 2

### Module 3

### Module 4

### Module 5

### Module 6

### Module 7

### Module 8

### Module 9

### Module 10

### Module 11

### Module 12

### Module 13