• Post category:StudyBullet-4
  • Reading time:4 mins read




Explore the basics of responsive web design and ways to improve front-end performance.

What you will learn

 

Understanding and creating response web sites and applications.

 

Working with SASS: Syntactically Awesome Style Sheets.

 

Improving front-end performance.

Description

This course covers intermediate / advanced topics in CSS and front-end performance. We’ll first take a look at how to improve the performance of our applications several techniques, like optimizing our images or minifying our CSS and Javascript files. We’ll also take a look at responsive web design, which is a big topic in the industry and allows us to target our websites for multiple devices, like phones and tablets, as well as desktop computers, without having to create multiple versions of the same site. Finally, we’ll take a look at SASS, or syntactically awesome stylesheets, which are another way to write CSS. It’s a CSS preprocessor. So what we’ll be doing is writing our code in SASS and then compiling it into CSS.

Course Includes:

  • 17 videos with over 70 minutes of lectures and explanations.
  • 5 external resource files.
  • 2 exercises to help you become proficient with advanced CSS techniques.

What You’ll Learn:


Get Instant Notification of New Courses on our Telegram channel.


  • Front End Performance
  • SASS: Syntactically Awesome Style Sheets
  • Integrating SASS with Your Project
  • Responsive Web Design
  • Media Queries gallery
  • Progressive Enhancement with Modernizr
  • Bootstrap Front-End Framework
  • And More!

 

English
language

Content

Introduction

Introduction

Front End Performance

Front End Performance

SASS

Introduction to Sass
3rd Party Tools
Integrating Sass with Your Project

Responsive Web Design

Introduction to Responsive Web Design
Building a Responsive Site
Getting Started with Modernizr
Progressive Enhancement with Modernizr
Exercise

Bootstrap Front-End Framework

Introduction to Bootstrap
Starter template
Buttons
Grid system
Conclusion
Exercise

Conclusion

Course Conclusion