Scrimba

Frontend Development Specialization

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

Access provided by Duke University

4,247 already enrolled

Get in-depth knowledge of a subject

from 581 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 581 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

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: Cascading Style Sheets (CSS)
Category: Hypertext Markup Language (HTML)
Category: Graphic and Visual Design
Category: GitHub
Category: Front-End Web Development
Category: Computer Programming Tools
Category: Program Development
Category: UI Components
Category: Application Deployment
Category: Software Development Tools
Category: Development Environment
Category: Web Development Tools
Category: Web Design and Development
Category: Web Design
Category: Open Source Technology
Category: Responsive Web Design
Category: Interactive Design
Category: Web Development
Category: HTML and CSS
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: Programming Principles
Category: Data Storage
Category: Data Structures
Category: Front-End Web Development
Category: Web Applications
Category: Data Persistence
Category: Mobile Development
Category: Data Storage Technologies
Category: Video Game Development
Category: Event-Driven Programming
Category: Scripting Languages
Category: Computer Programming
Category: JSON
Category: Web Development
Category: Computational Logic
Category: Application Development
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: HTML and CSS
Category: Web Design
Category: Usability
Category: Semantic Web
Category: Web Design and Development
Category: Color Theory
Category: Typography
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: HTML and CSS
Category: Hypertext Markup Language (HTML)
Category: Typography
Category: Interactive Design
Category: UI Components
Category: Semantic Web
Category: Color Theory
Category: Maintainability
Category: Debugging
Category: Web Design
Category: Web Design and Development
Category: Responsive Web Design
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: Data Mapping
Category: Web Applications
Category: Computational Logic
Category: Interactive Design
Category: Data Management
Category: Web Development
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: Web Design and Development
Category: Cascading Style Sheets (CSS)
Category: Front-End Web Development
Category: Web Design
Category: Application Deployment
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: Web Design
Category: Cloud Deployment
Category: Application Deployment
Category: Web Design and Development
Category: Cloud Hosting
Category: Typography
Category: Responsive Web Design
Category: HTML and CSS
Category: Front-End Web Development
Category: Web Development
Category: User Interface (UI)
Category: User Interface (UI) Design
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: HTML and CSS
Category: Front-End Web Development
Category: Web Design and Development
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: Application Programming Interface (API)
Category: JSON
Category: Javascript
Category: Web Services
Category: Servers
Category: Web Applications
Category: Hypertext Markup Language (HTML)
Category: Cascading Style Sheets (CSS)
Category: Restful API
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: API Design
Category: Cascading Style Sheets (CSS)
Category: Application Programming Interface (API)
Category: Web Applications
Category: Web Servers
Category: JSON
Category: Software Development
Category: Javascript
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: Game Design
Category: Application Programming Interface (API)
Category: Restful API
Category: Software Development
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: Dashboard Creation
Category: Application Programming Interface (API)
Category: Cascading Style Sheets (CSS)
Category: Javascript
Category: Wireframing
Category: Responsive Web Design
Category: Restful API
Category: Software Development
Category: Real Time Data
Learn UI Design

Learn UI Design

Course 13, 13 hours

What you'll learn

  • User Interface Design

Skills you'll gain

Category: Responsive Web Design
Category: Cascading Style Sheets (CSS)
Category: Hypertext Markup Language (HTML)
Category: User Interface (UI) Design
Category: Color Theory
Category: Design Elements And Principles
Category: Layout Design
Category: Graphic and Visual Design
Category: User Experience Design
Category: Code Reusability
Category: User Interface and User Experience (UI/UX) Design
Category: Maintainability
Category: Usability
Category: Digital Design
Category: User Interface (UI)
Category: Creative Design
Category: Web Applications
Category: Web Design
Category: Web Design and Development
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: User Interface (UI)
Category: Code Reusability
Category: Web Content Accessibility Guidelines
Category: Front-End Web Development
Category: JavaScript Frameworks
Category: Web Development Tools
Category: Cascading Style Sheets (CSS)
Category: UI Components
Category: Data Mapping
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: UI Components
Category: JavaScript Frameworks
Category: Frontend Performance
Category: Code Reusability
Category: Debugging
Category: Context Management
Category: Javascript
Category: Data Management
Category: Authentications
Category: Routing Protocols
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 Courses62,439 learners
Tom Chant
Scrimba
11 Courses399,928 learners
Gary Simon
Scrimba
6 Courses6,157 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."