0
Trainer Name

Jonas Schmedtmann

Skill Area

Scientific or Technical, Statistics or Research and Development

Reviews

4.6 (4 Rating)

Course Requirements

- No coding or design experience necessary
- Any computer works — Windows, macOS or Linux
- You don’t need to buy any software — we will use the best free code editor in the world

Course Description

What if you knew exactly how to design and build a website completely from scratch? How amazing would that be?

Well, I'm here to teach you HTML, CSS, and web design, all by building the stunning website that you just saw, step-by-step.

So, after finishing this course, you will know exactly how to build a beautiful, professional, and ready-to-launch website just like Omnifood, by following a 7-step process. And it will even look great on any computer, tablet, and smartphone.

But what if you want to build a completely different website? Well, no problem! I designed the course curriculum with exactly this goal: to enable you to design and build any website that you can think of, not just copy the course project.

Course Outcomes

1. Become a modern and confident HTML and CSS developer, no prior knowledge needed!

2. Design and build a stunning real-world project for your portfolio from scratch

3. Modern, semantic and accessible HTML5

4. Modern CSS (previous CSS3), including flexbox and CSS Grid for layout

5. Important CSS concepts such as the box model, positioning schemes, inheritance, solving selector conflicts, etc.

6. A web design framework with easy-to-use rules and guidelines to design eye-catching websites

7. How to plan, sketch, design, build, test, and optimize a professional website

8. How to make websites work on every possible mobile device (responsive design)

9. How to use common components and layout patterns for professional website design and development

10. Developer skills such as reading documentation, debugging, and using professional tools

11. How to find and use free design assets such as images, fonts, and icons

12. Practice your skills with 10+ challenges (solutions included)

Course Curriculum

1 Understanding and Applying Transitions.mp4


2 Working with Timing Functions.mp4


3 Transitions display.mp4


4 Using CSS Animations.mp4


5 Adding Multiple Keyframes.mp4


6 Adding Animations to our Customers Page.mp4


7 Using JavaScript Animation Event Listeners.mp4


8 Wrap Up.mp4


9 Module Introduction.mp4


1 Wrap Up.mp4


2 Vanilla CSS vs Frameworks.mp4


3 Module Introduction.mp4


4 CSS Modules Their Working Groups.mp4


5 Using CSS Variables.mp4


6 Understanding Using Vendor Prefixes.mp4


7 Which Prefixes Should You Use.mp4


8 Detecting Browser Support with supports.mp4


9 Polyfills.mp4


10 Eliminating Cross-Browser Inconsistencies.mp4


11 How to Name CSS Classes.mp4


1 Built-In Functions.mp4


2 Module Introduction.mp4


3 What is Sass Scss.mp4


4 Installing Sass.mp4


5 Things to be Improved with Sass.mp4


6 Nesting Selectors.mp4


7 Adding Nested Properties.mp4


8 Understanding Variables.mp4


9 Storing Lists Maps in Variables.mp4


10 Adding Simple Arithmetics.mp4


11 Adding Better Import and Partials.mp4


12 Improving Media Queries.mp4


13 Understanding Inheritance.mp4


14 Adding Mixins.mp4


15 Using the Ampersand Operator.mp4


16 Wrap Up.mp4


1 Course Roundup.mp4


Learner Feedback

CSS - The Complete Guide 2020 (incl. Flexbox, Grid Sass) PART 1

0

Course Rating
0.00%
0.00%
0.00%
0.00%
0.00%

No Review found

Log In or Sign Up as learner to post a review

Shopping Cart

Loading...