0
Trainer Name

Jonas Schmedtmann

Skill Area

Digital Technologies and Digital Transformation

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 like that, 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 Making the navigation responsive


2 Building the header - Part 3


3 Building the features section - Part 1


4 Building the features section - Part 2


5 Building the favorite meals section - Part 2


6 Building the how-it-works section - Part 1


7 Building the how-it-works section - Part 2


8 Building the customer testimonials section - Part 1


9 Building the customer testimonials section - Part 2


10 Building the sign-up section - Part 1


11 Building the contact form form - Part 2


12 Building the footer - Part 1


13 Building the footer - Part 2


14 Making the webpage responsive - Part 2


15 Making the webpage responsive - Part 1


16 A note about web browsers


17 Building the header - Part 1


18 Introduction to jQuery


19 Building a “sticky” navigation - Part 1


20 Building a “sticky” navigation - Part 2


21 Scrolling to elements


22 Adding animations on scroll


23 Final touch creating a favicon


24 Performance optimization site speed


25 Basic search engine optimization (SEO)


26 Let’s launch our webpage!


27 Google Analytics


28 You made it! Congratulations!


29 What’s New in CSS A Quick Intro to Flexbox, Part 1


30 What’s New in CSS A Quick Intro to Flexbox, Part 2


31 Using PHP to make our form work


32 Super effective ways to improve your website’s conversion


33 Colors


34 Our main tool Brackets


35 What is HTML


36 Starting to fill the structure


37 The structure of an HTML document


38 Images and attributes


39 One more thing links


40 Introduction to web design


41 Beautiful typography


42 Using colors like a pro


43 Working with images


44 Getting started with CSS


45 Working with icons


46 Spacing and layout


47 Starting to make our webpage pretty text


48 Introduction to user experience


49 Lets Start This Amazing Journey!


50 Classes and ID_s


51 Getting inspired the secret ingredient for stunning web design


52 The CSS box model


53 Polishing our blog post


54 Building the favorite meals section


55 Relative vs. Absolute


56 Building a simple layout


57 Getting started with the Chrome Developer Tools


58 Building the cities section


59 Building the sign-up section


60 Building the contact form


61 The 7 real-world steps to a fully functional website


62 Starting to put the 7 steps into action


63 First development steps


64 Setting up the fluid grid for responsive web design


Learner Feedback

Build Responsive Real World Websites with HTML5 and CSS3

0

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

Log In or Sign Up as learner to post a review

Shopping Cart

Loading...