Scrimba

Frontend Development Specialization

3 days left! Save on skills that make you shine with 40% off 3 months of Coursera Plus. Save now

Scrimba

Frontend Development Specialization

Reach a Hireable Level as a Frontend Developer.

From Your First Line of Code to Building Professional React Apps.

Per Harald Borgen
Tom Chant
Gary Simon

Instructors: Per Harald Borgen

4,322 already enrolled

Included with Coursera Plus

Learn more

Get in-depth knowledge of a subject

from 585 reviews of courses in this program

Beginner level

Recommended experience

3 months to complete
at 10 hours a week
Flexible schedule
Learn at your own pace
Get in-depth knowledge of a subject

from 585 reviews of courses in this program

Beginner level

Recommended experience

3 months to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

What you'll learn

  • Learn the basics of HTML, CSS, and JavaScript.

  • Understand the fundamentals of UI Design.

  • Become a hireable React developer.

Details to know

Shareable certificate

Add to your LinkedIn profile

Taught in English

91%

of learners achieved a positive career outcome

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business
logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Advance your subject-matter expertise

  • Learn in-demand skills from university and industry experts
  • Master a subject or tool with hands-on projects
  • Develop a deep understanding of key concepts
  • Earn a career certificate from Scrimba

Specialization - 15 course series

Learn HTML and CSS

Learn HTML and CSS

Course 1, 13 hours

What you'll learn

  • How to code websites from scratch with HTML and CSS

  • How to build beautiful layouts using color palettes, fonts, images, and other styling techniques

  • How to use professional tools for code editing, collaboration, and deployment

Skills you'll gain

Category: Hypertext Markup Language (HTML)
Category: Cascading Style Sheets (CSS)
Category: Web Development
Category: HTML and CSS
Category: Graphic and Visual Design
Category: Program Development
Category: Interactive Design
Category: Responsive Web Design
Category: Development Environment
Category: Computer Programming Tools
Category: UI Components
Category: Software Development Tools
Category: Web Development Tools
Category: Front-End Web Development
Category: GitHub
Category: Web Design
Category: Web Design and Development
Category: Open Source Technology
Category: Application Deployment
Learn JavaScript

Learn JavaScript

Course 2, 15 hours

What you'll learn

  • The basics of the JavaScript programming language, like variables, data types, functions, loops, conditionals, and more.

  • How to use JavaScript to build real-world web apps

  • How to use professional software development tools for coding, collaboration, and deployment

Skills you'll gain

Category: Javascript
Category: Event-Driven Programming
Category: Data Structures
Category: Computational Logic
Category: Application Development
Category: Data Storage
Category: Data Storage Technologies
Category: Front-End Web Development
Category: Video Game Development
Category: Scripting Languages
Category: Mobile Development
Category: Programming Principles
Category: Data Persistence
Category: JSON
Category: Web Development
Category: Web Applications
Category: Computer Programming
Learn Accessible Web Design

Learn Accessible Web Design

Course 3, 2 hours

What you'll learn

  • Accessible Web Development

  • WCAG Guidelines

  • Semantic HTML

Skills you'll gain

Category: Hypertext Markup Language (HTML)
Category: Web Content Accessibility Guidelines
Category: Usability
Category: Semantic Web
Category: HTML and CSS
Category: Web Design and Development
Category: Typography
Category: Color Theory
Category: Web Design
Essential CSS Concepts

Essential CSS Concepts

Course 4, 6 hours

What you'll learn

  • Build fully styled, responsive websites using HTML and CSS.

  • Apply advanced CSS techniques like flexbox, z-index, and specificity to solve real-world design challenges.

Skills you'll gain

Category: Cascading Style Sheets (CSS)
Category: Interactive Design
Category: Hypertext Markup Language (HTML)
Category: HTML and CSS
Category: Typography
Category: Color Theory
Category: Responsive Web Design
Category: Web Design
Category: Maintainability
Category: Debugging
Category: Web Design and Development
Category: Semantic Web
Category: UI Components
Build Mini Projects in JavaScript

Build Mini Projects in JavaScript

Course 5, 13 hours

What you'll learn

  • Create efficient functions using arrow syntax and expressions.

  • Apply array methods like .map() and .reduce() to process data.

  • Debug JavaScript applications using common error-handling techniques.

Skills you'll gain

Category: Javascript
Category: Event-Driven Programming
Category: User Interface (UI)
Category: Web Content Accessibility Guidelines
Category: Data Validation
Category: Data Import/Export
Category: Web Development
Category: Data Mapping
Category: Computational Logic
Category: Interactive Design
Category: Web Applications
Category: Data Management
Build a Responsive Website with HTML and CSS

Build a Responsive Website with HTML and CSS

Course 6, 3 hours

What you'll learn

  • Master the principles of responsive web design, including flexible containers and media queries.

  • Implement mobile-first design strategies to enhance user experience across devices.

Skills you'll gain

Category: Responsive Web Design
Category: HTML and CSS
Category: Front-End Web Development
Category: Cascading Style Sheets (CSS)
Category: Application Deployment
Category: Web Design
Category: Web Design and Development
Build a product splash page with HTML and CSS

Build a product splash page with HTML and CSS

Course 7, 2 hours

What you'll learn

  • Implement mobile-first design strategies to enhance user experience across devices.

  • Master intermediate HTML and CSS

Skills you'll gain

Category: Cascading Style Sheets (CSS)
Category: Hypertext Markup Language (HTML)
Category: Typography
Category: HTML and CSS
Category: Cloud Hosting
Category: User Interface (UI) Design
Category: Web Design
Category: Application Deployment
Category: Responsive Web Design
Category: Web Development
Category: User Interface (UI)
Category: Web Design and Development
Category: Front-End Web Development
Category: Cloud Deployment
Build a Responsive Layout with CSS Grid

Build a Responsive Layout with CSS Grid

Course 8, 2 hours

What you'll learn

  • Learn the foundational concepts of CSS Grid, including columns, rows, and grid areas.

  • Create responsive web layouts that adapt to various screen sizes and devices.

  • Utilize advanced CSS Grid techniques to enhance your web development.

Skills you'll gain

Category: Responsive Web Design
Category: Cascading Style Sheets (CSS)
Category: Web Design and Development
Category: Front-End Web Development
Category: HTML and CSS
Category: Web Design
API Basics 1: Build a Bot (Fetch, JSON & Async JavaScript)

API Basics 1: Build a Bot (Fetch, JSON & Async JavaScript)

Course 9, 1 hour

What you'll learn

  • Understand how APIs work and how to interact with them using JavaScript.

  • Fetch and display data from external sources using asynchronous JavaScript.

  • Build a bot using JavaScript and an API.

Skills you'll gain

Category: JSON
Category: Web Applications
Category: Hypertext Markup Language (HTML)
Category: Servers
Category: Javascript
Category: Restful API
Category: Application Programming Interface (API)
Category: Cascading Style Sheets (CSS)
API Basics 2: Build a Blog (REST, URLs & HTTP Requests)

API Basics 2: Build a Blog (REST, URLs & HTTP Requests)

Course 10, 3 hours

What you'll learn

  • Understand how to make HTTP requests and interact with APIs.

  • Build and style dynamic web pages that communicate with a server.

  • Build a blog using JavaScript and an API.

Skills you'll gain

Category: Restful API
Category: Software Development
Category: JSON
Category: API Design
Category: Javascript
Category: Web Applications
Category: Web Servers
Category: Application Programming Interface (API)
Category: Cascading Style Sheets (CSS)
Category: HTML and CSS
API Basics 3: Build a Game (Async JS, Callbacks & Promises)

API Basics 3: Build a Game (Async JS, Callbacks & Promises)

Course 11, 4 hours

What you'll learn

  • Handle API data using promises and async/await.

  • Create custom JavaScript functions to process arrays efficiently.

  • Build a card game using asynchronous JavaScript.

Skills you'll gain

Category: Javascript
Category: Event-Driven Programming
Category: Restful API
Category: Application Programming Interface (API)
Category: Software Development
Category: Game Design
API Basics 4: Build a Personal Dashboard (Promise Rejection)

API Basics 4: Build a Personal Dashboard (Promise Rejection)

Course 12, 3 hours

What you'll learn

  • Display current weather and time dynamically on a web page.

  • Integrate real-time cryptocurrency data using APIs.

  • Build a functional, responsive dashboard using Flexbox layout techniques.

Skills you'll gain

Category: Application Programming Interface (API)
Category: Cascading Style Sheets (CSS)
Category: Javascript
Category: Dashboard Creation
Category: Software Development
Category: Wireframing
Category: Responsive Web Design
Category: Real Time Data
Category: Restful API
Learn UI Design

Learn UI Design

Course 13, 13 hours

What you'll learn

  • User Interface Design

Skills you'll gain

Category: Cascading Style Sheets (CSS)
Category: Responsive Web Design
Category: Hypertext Markup Language (HTML)
Category: User Interface (UI) Design
Category: Design Elements And Principles
Category: Graphic and Visual Design
Category: Layout Design
Category: Color Theory
Category: User Experience Design
Category: Maintainability
Category: Web Design
Category: Web Applications
Category: Code Reusability
Category: User Interface (UI)
Category: User Interface and User Experience (UI/UX) Design
Category: Creative Design
Category: Usability
Category: Web Design and Development
Category: Digital Design
Category: HTML and CSS
Learn React

Learn React

Course 14, 18 hours

What you'll learn

  • Create interactive components using React’s state and props to manage data flow.

  • Utilize React to build a variety of real-world projects.

  • Apply accessibility best practices to ensure a user-friendly experience.

Skills you'll gain

Category: React.js
Category: Data Mapping
Category: Cascading Style Sheets (CSS)
Category: Web Development Tools
Category: UI Components
Category: Web Content Accessibility Guidelines
Category: JavaScript Frameworks
Category: User Interface (UI)
Category: Code Reusability
Category: Front-End Web Development
Category: Web Frameworks
Learn Advanced React

Learn Advanced React

Course 15, 17 hours

What you'll learn

Skills you'll gain

Category: React.js
Category: Context Management
Category: Javascript
Category: Authentications
Category: Data Management
Category: Code Reusability
Category: UI Components
Category: JavaScript Frameworks
Category: Debugging
Category: Routing Protocols
Category: Frontend Performance
Category: Web Content Accessibility Guidelines

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructors

Per Harald Borgen
Scrimba
17 Courses63,320 learners
Tom Chant
Scrimba
11 Courses443,159 learners
Gary Simon
Scrimba
6 Courses6,244 learners

Offered by

Scrimba

Why people choose Coursera for their career

Felipe M.

Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Frequently asked questions

More questions

Financial aid available,