Build With Bricks By Dave Foy – Free Download Course
You will have exclusive access to the step-by step process for quickly creating Bricks websites with an efficient best-practice workflow.
✅ About this course:
✅ Course Author: Dave Foy
✅ Official Course Price: $197
✅ Free For Our VIP Members? : Yes
✅ Download Links : Mega & Google Drive
✅ Course Size : 36.91 GB
✅ Updatable? : Yes, all future updates included.
✅ Sales Page : You can check at the bottom of this page.
🏆 Here’s what you get & learn with this course:
Module 1 – Install & Set-Up
We kick things off the right way by setting up Bricks properly.
We’ll quickly get Bricks installed, and take a quick tour of the basic options, so you know where everything is.
You’ll then have a quick tour of Bricks’ settings. The defaults are pretty sensible, but there a few you particularly need to be aware of that I advise changing upfront.
And then you’ll get familiarised with the logically-designed Bricks editor UI, ready for action.
Module 2 – Global Theme Styles
It’s absolute best practice to set your global theme styles first before diving into a build—you’ll make things much easier for yourself.
You’ll import my premade Style Guide template to make setting global styles a lot easier.
From there I’ll guide you through setting all your important global styles, with explanations WHY: colour palette, typography, layout components, buttons, and more.
And I’ll make the case for using REM measurements instead of pixels, for tons of benefits for you and your sites’ visitors, as well as explaining how to make using REM nice and simple (though you can still use pixels in this course if you prefer).
Module 3 – Layouts with Flex & CSS Grid
In Module 3 you’ll learn how to quickly create all kinds of rock-solid, responsive layouts, using a combination of Flexbox and CSS Grid.
You’ll learn to build all kinds of common (and more complex) column grid layouts with CSS Grid.
And you’ll learn how to use Flexbox for its intended purpose: to align elements within columns.
And then you’ll familiarise yourself with the beautifully logically designed Bricks editor UI.
NOTE: the current version of this module uses Flexbox throughout, with just one lesson on CSS Grid at the end, because Bricks released the feature after I’d made it. Over the next few days I’ll be remaking this module to use both CSS Grid and Flex throughout.
Module 4 – Headers & Footers
In this module you’ll learn how to design and create header and footer templates that’ll appear across the site.
You’ll learn how to use Flexbox to easily align header and footer elements in any way you can think of, and for all responsive screen sizes.
I’ll walk you through designing your mobile menu. Brick’s mobile menu builder is currently not great, but they’re working on a new mobile menu builder soon. When it’s released, I’ll update the course.
And you’ll see how Bricks’ powerful Template Conditions make it super simple to show, or hide, your header and footer sections on your site wherever you like.
Module 5 – Dynamic Templates
Now you’re adept at creating solid layouts and have mastered the Bricks editor, it’s time to step things up a gear to create dynamic templates—this is the key to being able to create more complex websites.
Through this module we’ll step-by-step create a range of dynamic templates, such as single post and archive templates. Most people struggle to get archive templates to work at first—you’ll have no such trouble after following these lessons.
You’ll learn how to add pagination to your archive templates, and we’ll also set up archives for your posts categories, incuding creating menus and links to your category pages in a variety of different ways.
And we’ll wrap up with a powerful use case for Element Conditions, where you’ll learn how to display a different CTA block at the end of blog posts, depending on which category the blog post is in. This is where you’ll really come into your own as a Bricks designer and developer.
Module 6 – Classes: Typography & Colour
Classes are the feature that unlocks the real power of Bricks, in my opinion! Classes make it much faster to build a website… you can globally styling ANYTHING with classes, however you like… and they’re far better for page speed performance.
In this module, you’ll discover how to use classes for typography and colour.
You’ll learn how easy it is to create your own unique and completely globally-editable styles, for elements like pre-headers, dividers, backgrounds, text sizes, and more.
And you’ll discover how to ‘chain’ classes together in Bricks, to make it easier to maintain alternative versions of the same style. Your mind may be blown by how this makes it so much more efficient for building and maintaining websites.
Module 7 – Classes: Layout (+ Go Live)
In this module we’re continuing using classes, this time making our layouts faster to build, easier to maintain, and quicker to load.
We’ll be working through layout elements we’ve already built throughout the course (the long way) and instead enhancing them with classes.
You’ll learn to easily globally manage layout components like alternative section and container sizes, grids, margins, and much more.
And we wrap up with a final lesson on going live with your first Bricks website (exciting!) This isn’t an exhaustive go-live procedure, we just cover anything that’s part of the go-live process that specifically relates to Bricks.
In closing, I mention a few recommendations for next steps, like ACSS and Frames, if you want to further streamline and super-charge your Bricks website building process. I’ll very soon be running a couple of live workshops on using both these tools, exclusively for Build With Bricks students.
Bonus Training Included:
I plan to add bonus training for aspects of Bricks not covered in the course, like Interactions, Popups, and ACSS. You’ll receive complementary access to all bonus training I add to the course.
And of course…
Access to all training materials—including any future updates and bonus materials—for the lifetime of the course. All housed in a secure online portal, which you can access via your desktop or mobile device.
✅ Great X Courses Guarantee: At Great X Courses, we aim to provide our VIP members with high quality courses, with direct download links (no torrents or paid DL links). What you see is exactly what you get, no bad surprises or jokes. We update our content as much as possible, to stay up to date with the latest courses releases.
You can find more info on the sales page clicking here.