PDP Url

Advanced CSS Concepts

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

Self-Paced

Learning Style

Intermediate

Difficulty

12 Hours

Course Duration

Course Info

Download PDF

Certificate

See Sample

About Individual Course:
  • Individual course plan gives you access to this course
$99.00
$99.00
/ Each
When you subscribe, you get:
Learn Subscription plan gives you access to this course and over 822 other popular courses
On Sale!
Now Only $39.99 Regular Price $44.99
Now Only $39.99 Regular Price $44.99
/ Month
Team
Pricing
  • Buy 5-9 Enrollments And Save 68% ($12.74 monthly.)
  • Buy 10-19 Enrollments And Save 72% ($11.24 monthly.)
  • Buy 20-above Enrollments And Save 78% ($8.99 monthly.)
Gain a solid foundation in developing and testing device-friendly websites using the power of CSS.

Course Information

About this course:

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.

Course Objective:

  • 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

Audience:

  • Front-end Developer
  • Web Developer

Prerequisite:

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

Outline

More Information

More Information
Brand Microsoft
Subjects App Development
Lab Access No
Technology Microsoft, Programming Language
Learning Style Self-Paced Learning
Difficulty Intermediate
Course Duration 12 Hours
Language English

Reviews

Write Your Own Review
Only registered users can write reviews. Please Sign in or create an account

Contact A Learning Consultant


click here