Scrimba
Frontend Development 专项课程
Scrimba

Frontend Development 专项课程

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

位教师：Per Harald Borgen

3,323 人已注册

包含在 Coursera Plus 中

了解更多

深入学习学科知识
4.7

（105 条评论）

初级 等级

推荐体验

3 月 完成
在 10 小时 一周
灵活的计划
自行安排学习进度
深入学习学科知识
4.7

（105 条评论）

初级 等级

推荐体验

3 月 完成
在 10 小时 一周
灵活的计划
自行安排学习进度

您将学到什么

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

  • Understand the fundamentals of UI Design.

  • Become a hireable React developer.

您将获得的技能

要了解的详细信息

可分享的证书

添加到您的领英档案

授课语言：英语（English）
最近已更新！

October 2025

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息
Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

精进特定领域的专业知识

  • 向大学和行业专家学习热门技能
  • 借助实践项目精通一门科目或一个工具
  • 培养对关键概念的深入理解
  • 通过 Scrimba 获得职业证书

专业化 - 15门课程系列

Learn HTML and CSS

Learn HTML and CSS

第 1 门课程13小时

您将学到什么

  • 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

您将获得的技能

类别：Cascading Style Sheets (CSS)
类别：Hypertext Markup Language (HTML)
类别：HTML and CSS
类别：Web Development
类别：Web Development Tools
类别：User Interface (UI) Design
类别：Interactive Design
类别：Responsive Web Design
类别：Application Deployment
类别：GitHub
类别：Front-End Web Development
类别：Web Design and Development
类别：Software Development Tools
Learn JavaScript

Learn JavaScript

第 2 门课程15小时

您将学到什么

  • 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

您将获得的技能

类别：Javascript
类别：Front-End Web Development
类别：User Interface (UI)
类别：JSON
类别：Data Structures
类别：Web Applications
类别：Programming Principles
类别：Computer Programming
类别：Object Oriented Programming (OOP)
类别：Data Storage Technologies
类别：Mobile Development
类别：Web Development
类别：Debugging
类别：Event-Driven Programming
类别：Data Storage
Learn Accessible Web Design

Learn Accessible Web Design

第 3 门课程2小时

您将学到什么

  • Accessible Web Development

  • WCAG Guidelines

  • Semantic HTML

您将获得的技能

类别：Web Content Accessibility Guidelines
类别：Web Design
类别：HTML and CSS
类别：User Interface (UI)
类别：Usability
类别：Semantic Web
Essential CSS Concepts

Essential CSS Concepts

第 4 门课程5小时

您将学到什么

  • 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.

您将获得的技能

类别：Cascading Style Sheets (CSS)
类别：Typography
类别：Color Theory
类别：HTML and CSS
类别：Debugging
类别：Responsive Web Design
类别：Maintainability
类别：Semantic Web
类别：Web Design
类别：User Interface (UI)
Build Mini Projects in JavaScript

Build Mini Projects in JavaScript

第 5 门课程13小时

您将学到什么

  • 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.

您将获得的技能

类别：Javascript
类别：Data Import/Export
类别：Programming Principles
类别：Web Development
类别：Object Oriented Programming (OOP)
类别：Maintainability
类别：Debugging
Build a Responsive Website with HTML and CSS

Build a Responsive Website with HTML and CSS

第 6 门课程2小时

您将学到什么

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

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

您将获得的技能

类别：HTML and CSS
类别：Responsive Web Design
类别：Cascading Style Sheets (CSS)
类别：Mobile Development
类别：Front-End Web Development
类别：Web Design
类别：Web Design and Development
类别：Application Deployment
Build a product splash page with HTML and CSS

Build a product splash page with HTML and CSS

第 7 门课程1小时

您将学到什么

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

  • Master intermediate HTML and CSS

您将获得的技能

类别：Cascading Style Sheets (CSS)
类别：Hypertext Markup Language (HTML)
类别：Front-End Web Development
类别：Web Design and Development
类别：Web Development
类别：Application Deployment
类别：Responsive Web Design
类别：Web Design
类别：User Interface (UI) Design
Build a Responsive Layout with CSS Grid

Build a Responsive Layout with CSS Grid

第 8 门课程1小时

您将学到什么

  • 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.

您将获得的技能

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

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

第 9 门课程1小时

您将学到什么

  • 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.

您将获得的技能

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

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

第 10 门课程2小时

您将学到什么

  • 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.

您将获得的技能

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

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

第 11 门课程3小时

您将学到什么

  • Handle API data using promises and async/await.

  • Create custom JavaScript functions to process arrays efficiently.

  • Build a card game using asynchronous JavaScript.

您将获得的技能

类别：Javascript
类别：Software Development
类别：JSON
类别：Restful API
类别：Web Development Tools
类别：Game Design
类别：Animation and Game Design
类别：Event-Driven Programming
类别：Ajax
类别：Application Programming Interface (API)
API Basics 4: Build a Personal Dashboard (Promise Rejection)

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

第 12 门课程2小时

您将学到什么

  • 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.

您将获得的技能

类别：Application Programming Interface (API)
类别：Cascading Style Sheets (CSS)
类别：Javascript
类别：Restful API
类别：Web Applications
类别：Responsive Web Design
类别：Web Design and Development
类别：Software Development
类别：Real Time Data
类别：Wireframing
Learn UI Design

Learn UI Design

第 13 门课程12小时

您将学到什么

  • User Interface Design

您将获得的技能

类别：Cascading Style Sheets (CSS)
类别：Responsive Web Design
类别：User Interface (UI) Design
类别：Hypertext Markup Language (HTML)
类别：Typography
类别：Color Theory
类别：Animations
类别：Creativity
类别：User Experience Design
类别：Maintainability
类别：Web Design
类别：Usability
Learn React

Learn React

第 14 门课程17小时

您将学到什么

  • 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.

您将获得的技能

类别：React.js
类别：Web Content Accessibility Guidelines
类别：User Interface (UI)
类别：Application Programming Interface (API)
类别：JavaScript Frameworks
类别：Cascading Style Sheets (CSS)
类别：Front-End Web Development
类别：Web Frameworks
类别：Web Development Tools
类别：Event-Driven Programming
类别：UI Components
类别：Functional Design
Learn Advanced React

Learn Advanced React

第 15 门课程17小时

您将学到什么

您将获得的技能

类别：React.js
类别：JavaScript Frameworks
类别：Debugging
类别：Web Content Accessibility Guidelines
类别：Performance Tuning
类别：Front-End Web Development
类别：Javascript
类别：UI Components
类别：Routing Protocols
类别：Authentications
类别：Real Time Data
类别：Software Design Patterns

获得职业证书

将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。

位教师

Per Harald Borgen
Scrimba
17 门课程53,603 名学生
Tom Chant
Scrimba
11 门课程84,749 名学生
Gary Simon
Scrimba
6 门课程4,968 名学生

提供方

Scrimba

人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.
自 2018开始学习的学生
''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情，我就可以学习。'
Jennifer J.
自 2020开始学习的学生
''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'
Larry W.
自 2021开始学习的学生
''如果我的大学不提供我需要的主题课程，Coursera 便是最好的去处之一。'
Chaitanya A.
''学习不仅仅是在工作中做的更好：它远不止于此。Coursera 让我无限制地学习。'
Coursera Plus

通过 Coursera Plus 开启新生涯

无限制访问 10,000+ 世界一流的课程、实践项目和就业就绪证书课程 - 所有这些都包含在您的订阅中

了解更多

通过在线学位推动您的职业生涯

获取世界一流大学的学位 - 100% 在线

探索学位

加入超过 3400 家选择 Coursera for Business 的全球公司

提升员工的技能，使其在数字经济中脱颖而出

了解更多

常见问题

更多问题

提供助学金，