Blocs 4 Website Course

The step-by-step course covering everything you need to know to make a beautiful website in the Blocs 4.

Enroll to Watch

Course Summary

The ultimate step-by-step video course covering everything you need to know to plan, design, optimize, and publish a beautiful multi-page website in the Blocs 4 website builder.

The Blocs 4 Website Course is the most comprehensive video course for Blocs 4 we have ever created. It includes over 74 quality lessons, 9+ hours of tutorials packed with valuable information, and a premium template.

Watch OverviewEnroll to Watch

Course Outline

Overview

blue check

Blocs 4 Website Course Overview Watch

3 mins

blue check

Barista Premium Blocs Template

35 MB

blue check

Course Resources

252 MB

blue check

Detailed Curriculum Download

406 KB

Part 1. Introduction

blue check

1-1. Exploring Blocs 4 User Interface

5 mins

blue check

1-2. Project & Page Settings

7 mins

blue check

1-3. Blocs Website Structure

8 mins

blue check

1-4. Visual Web Design Basics

10 mins

blue check

1-5. Classes Basics

10 mins

blue check

1-6. Managing Menus

5 mins

blue check

1-7. Image Editor & SEO Helper

4 mins

blue check

1-8. Next Steps

2 mins

Part 2. Preparation

blue check

2-1. Overview of the Part 2

5 mins

blue check

2-2. Planning a Website Project

6 mins

blue check

2-3. Setting Up a Project

11 mins

blue check

2-4. Creating Pages & Site Structure

5 mins

blue check

2-5. Installing Custom Google Fonts

8 mins

blue check

2-6. Default Typography Settings

7 mins

blue check

2-7. Preparing Images

12 mins

blue check

2-8. Preparing Videos

6 mins

blue check

2-9. Review of the Part 2

2 mins

Part 3. Design

blue check

3-1. Creating a Custom Menu

11 mins

blue check

3-2. Adjusting the Style of Menu

9 mins

blue check

3-3. Setting the Color Scheme

9 mins

blue check

3-4. Optimizing the Mobile Menu

6 mins

blue check

3-5. Completing the Custom Menu

3 mins

blue check

3-6. Creating Banners with Responsive Headers

11 mins

blue check

3-7. Responsive Padding

9 mins

blue check

3-8. Applying Gradients to Text

6 mins

blue check

3-9. Bloc Edge Shape Dividers

7 mins

blue check

3-10. Building Responsive Column Grids

13 mins

blue check

3-11. Applying CSS Filter Effects

7 mins

blue check

3-12. Class Library Manager

5 mins

blue check

3-13. Custom Button Styles

7 mins

blue check

3-14. Building Website Footer

8 mins

blue check

3-15. Social Links & Footer Optimization

8 mins

blue check

3-16. Writer Mode & Text Editing Options

8 mins

blue check

3-17. Multi-layer Parallax Effect

10 mins

blue check

3-18. Building a Grid of Icons with Text

10 mins

blue check

3-19. Edge to Edge Feature Blocs

14 mins

blue check

3-20. Gradient Background & Wire Button

4 mins

blue check

3-21. Installing 3rd Party Brics

4 mins

blue check

3-22. Creating a Shop Page

7 mins

blue check

3-23. Using Toggle Visibility

9 mins

blue check

3-24. Setting Up a Product Page

8 mins

blue check

3-25. Setting Up a Tabbed Content Bric

8 mins

blue check

3-26. Adding Content to Tabs

7 mins

blue check

3-27. Using Toggle Class Interaction

8 mins

blue check

3-28. Completing the Product Page

5 mins

blue check

3-29. Setting Up a Gallery Page

5 mins

blue check

3-30. Setting Up a Contact Page

8 mins

blue check

3-31. Adding & Editing the Form

11 mins

blue check

3-32. Embedding Google Maps

3 mins

blue check

3-33. Adjusting the Style of Alert Messages

5 mins

blue check

3-34. Adjusting the 'Scroll to Top' Button

3 mins

Part 4. Publishing

blue check

4-1. Website Design Optimization

18 mins

blue check

4-2. Local Host Preview

4 mins

blue check

4-3. Troubleshooting Links

7 mins

blue check

4-4. Adjusting Page Settings

8 mins

blue check

4-5. Adding Social Cards

5 mins

blue check

4-6. Search Engine Optimization

9 mins

Part 5. Publishing

blue check

5-1. Exporting & Publishing a Website

6 mins

blue check

5-2. Analyzing Website Performance

6 mins

blue check

5-3. Creating & Editing .htaccess File

5 mins

blue check

5-4. Preparing Project Files for Transfer

5 mins

Review

blue check

Course Review

4 mins

Part 6. Bonus Videos

blue check

6-1. DIV Container Bric

10 mins

blue check

6-2. Styling Dropdown Menus

10 mins

blue check

6-3. Class Editor - Flex

10 mins

blue check

6-4. Class Editor - Positioning

6 mins

blue check

6-5. Vertical Menu - Part 1 - Flex & Position

10 mins

blue check

6-6. Vertical Menu - Part 2 - Body Classes

8 mins

blue check

6-7. Continuous Scroll FX

7 mins

blue check

6-8. Class Editor - Filters

5 mins

blue check

6-9. Class Editor - SVG

6 mins

blue check

6-10. Carousel Bric

10 mins

blue check

6-11. Class Editor - Shadows

7 mins

The magically fast way to create websites in Blocs

Supercharge your web design workflow in Blocs 5.

blocs library-hero

What Blocs users say about Blocs Master

Read a testimonial letter from Frank.

This wonderful guy has created a series of videos (many free) which cover every aspect of Blocs in simple to understand examples. I promise he’s not paying me to write this, but I like many are indebted to him for the hours he has spent helping others.

- David

The best website to learn how to use Blocs. Eldar cares to help you if you have problems with the templates.

If you subscribe you will not regret it. It includes a large number of sample templates. 100% recommended

- Wardiam

The best place to learn virtually all there is to know about Blocs for beginners. And what better teacher than Eldar himself who spares nothing to make sure you are on the right track from step one through to intermediate.

- Sabina

What sets Eldar apart from other developers is his amazing customer service, attention to detail and his genuinely positive way of interacting with his customers.

- Lee

It is definitely worth the money if you want to learn Blocs quickly and efficiently, not to mention the many tips and tricks that Eldar has built into his lessons.

- Ive

If you are looking for an in-depth course on how to get the most out of Blocs, I highly recommend Blocs Master Course. 

- Arno