|
|
Here are some great resources you can use to get started: Web flow University: Web flow 101 crash course Flux Academy: Learn Web flow in 16 minutes Timothy Ricks: Intro to Web flow for beginners Honestly, my favorite would be to start with the Flux Academy link if you’re pressed on time. If you have more time on your hands, Timothy Ricks has some of the best content about Web flow. If you don't want to watch a video, I wrote a blog post on the Web flow Blog giving you a basic tutorial on how to create a homepage in Web flow. It should give you a good idea of how to place HTML elements on a page and how to style them with CSS.
You can check it out here. However, the best way I found to learn Web flow is to build a project you have in mind that you want to build. If you get stuck, simply Google search your problems and the right forum post or resource will pop up to help you. If you don’t have a specific project in mind, you can B2C Email List follow my secret way to learn fast. You only truly learn through experience. The way I learned Web flow in just one weekend was to simply rebuild a template from scratch. On my laptop, I would have a blank Web flow canvas open.
On my external monitor, I would open a free Web flow template, like Fitnesso, in preview mode. Building in Web flow Yes, I still use an Apple monitor from 2004. I like the design, okay! From there, I would try to recreate a 1:1 version of the template. When I got stuck, I would look at the template that was in preview mode and see how the elements were placed, how the classes were named, and how they were styled. “Did the template use Flexbox or Grid? Did they put a container inside of a section? Did they put this image inside of a div? Did they use padding or margin?” All of these questions would be answered by looking at templates in preview mode.
|
|
发表于 2023-5-22 22:00:18