高级CSS概念

Advanced CSS Concepts

Gain a solid foundation in developing and testing device-friendly websites using the power of CSS.

682 次查看
微软
edX
  • 完成时间大约为 4
  • 中级
  • 英语
注:因开课平台的各种因素变化,以上开课日期仅供参考

你将学到什么

Evaluating designs and recognizing the underlying layout

Analyzing style guides to build your base CSS

Building a semantic HTML and CSS foundation

Using media queries to create a responsive grid system

Building a base button module and extending it to a button primary

Building a mobile header section that includes a logo and navigation

Building a mobile hero section and positioning an image as a background

Building a media object and including an icon font

Transpiling SCSS into CSS and setting up a file structure

Building a desktop header section with variables and media query mixins

Creating an image frame module and color mask module

Using Web developer tools and linting to help you find and fix issues

Using Flexbox on the header, logo, and navigation to maximize available space

Extending your Grid with Flexbox and reversing a row for medium and large device sizes

Using SVG images and how to add them to a page using the new tag

课程概况

In this computer science course, you will learn how to design, develop and test device-friendly websites using CSS, one of the core technologies used for building web pages. You’ll also learn how to use Flexbox, SVG images, linting and other web developer tools to enhance your web pages.

This course is intended for:

Anyone who wants to learn Advanced CSS, any junior-level developers, students, or anyone who already has some HTML, CSS, and JavaScript training or knowledge.
People who want to make a living (or side-income) from web page design/development.

预备知识

Basic understanding of HTML
A working knowledge of basic CSS implementation
Basic understanding of JavaScript programming

千万首歌曲。全无广告干扰。
此外,您还能在所有设备上欣赏您的整个音乐资料库。免费畅听 3 个月,之后每月只需 ¥10.00。
Apple 广告
声明:MOOC中国十分重视知识产权问题,我们发布之课程均源自下列机构,版权均归其所有,本站仅作报道收录并尊重其著作权益。感谢他们对MOOC事业做出的贡献!
  • Coursera
  • edX
  • OpenLearning
  • FutureLearn
  • iversity
  • Udacity
  • NovoEd
  • Canvas
  • Open2Study
  • Google
  • ewant
  • FUN
  • IOC-Athlete-MOOC
  • World-Science-U
  • Codecademy
  • CourseSites
  • opencourseworld
  • ShareCourse
  • gacco
  • MiriadaX
  • JANUX
  • openhpi
  • Stanford-Open-Edx
  • 网易云课堂
  • 中国大学MOOC
  • 学堂在线
  • 顶你学堂
  • 华文慕课
  • 好大学在线CnMooc
  • (部分课程由Coursera、Udemy、Linkshare共同提供)

© 2008-2020 CMOOC.COM 慕课改变你,你改变世界