Blocs Master

Share this post

Blocs 4 Website Course is Live

blocsmaster.substack.com

Discover more from Blocs Master

Detailed learning materials, design resources, and real human support to help you master your web design skills with Blocs 5.
Over 4,000 subscribers
Continue reading
Sign in

Blocs 4 Website Course is Live

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 Blocs 4.

Eldar Gezalov
Nov 27, 2020
Share this post

Blocs 4 Website Course is Live

blocsmaster.substack.com
Share

The Ultimate Course for Blocs 4

Blocs 4 Website Course is the best video course for Blocs app we have ever created. It includes over 61 quality lessons, 7.5+ hours of tutorials packed with valuable information, and a premium Blocs 4 template.

What’s Included:

🎥 63+ Detailed Tutorials
⏳ 7.5+ Hours of Videos
📦 Project Assets for practice
🖥 Barista Template for Blocs 4
🔄 Free Updates
📧 Email Support

If you are a returning customer, you can purchase this templates with up to 50% discount. Check your inbox for details. If you have any other questions or need help with anything, do not hesitate to contact us.

The Curriculum

Blocs 4 Website Course OverviewPart 1. Introduction

1-1. Exploring Blocs 4 User Interface
1-2. Project & Page Settings
1-3. Blocs Website Structure
1-4. Visual Web Design Basics
1-5. Classes Basics
1-6. Managing Menus
1-7. Image Editor & SEO Helper
1-8. Next Steps

Part 2. Preparation

2-1. Overview of the Part 2
2-2. Planning a Website Project
2-3. Setting Up a Project
2-4. Creating Pages & Site Structure
2-5. Installing Custom Google Fonts
2-6. Default Typography Settings
2-7. Preparing Images
2-8. Preparing Videos
2-9. Review of the Part 2

Part 3. Design

3-1. Creating a Custom Menu
3-2. Adjusting the Style of Menu
3-3. Setting the Color Scheme
3-4. Optimizing the Mobile Menu
3-5. Completing the Custom Menu
3-6. Creating banners with Responsive Headers
3-7. Responsive Padding
3-8. Applying Gradients to Text
3-9. Bloc Edge Shape Dividers
3-10. Building Responsive Column Grids
3-11. Applying Css Filter Effects
3-12. Class Library Manager
3-13. Custom Button Styles
3-14. Building Website Footer
3-15. Social Links & Footer Optimization
3-16. Writer Mode & Text Editing Options
3-17. Multi-layer Parallax Effect
3-18. Building a Grid of Icons with Text
3-19. Edge to Edge Feature Blocs
3-20. Gradient Background & Wire Button
3-21. Installing 3rd Party Brics
3-22. Creating a Shop Page
3-23. Using Toggle Visibility
3-24. Setting Up a Product Page
3-25. Setting Up a Tabbed Contact Bric
3-26. Adding Content to Tabs
3-27. Using Toggle Class Interaction
3-28. Completing the Product Page
3-29. Setting Up a Gallery Page
3-30. Setting Up a Contact Page
3-31. Adding & Editing the Form
3-32. Embedding Google Maps
3-33. Adjusting the Style of Alert Messages
3-34. Adjusting the ‘Scroll to Top’ Button

Part 4. Optimization

4-1. Website Design Optimization
4-2. Local Host Preview
4-3. Troubleshooting Links
4-4. Adjusting Page Settings
4-5. Adding Social Cards
4-6. Search Engine Optimization

Part 5. Publishing

5-1. Exporting & Publishing a Website
5-2. Analyzing Website Performance
5-3. Creating and Editing .htaccess File
5-4. Preparing Project Files for Transfer

Blocs 4 Website Course Review

Sign Up Now

Share this post

Blocs 4 Website Course is Live

blocsmaster.substack.com
Share
Previous
Next
Comments
Top
New
Community

No posts

Ready for more?

© 2023 Eldar Gezalov
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing