
Explore Webflow elements and layouts, drag and drop sections, containers, and nested blocks to build a canvas. Understand the element hierarchy, icons, navigation, and collapsing tools to manage nested structures.
Explore how a div block acts as a dynamic container that expands with its content, grouping headings, paragraphs, and images; adjust its size and margins to shape layouts.
Learn to implement a lightbox for full-screen media on any device by dragging a lightbox link, assigning media, and connecting multiple lightboxes with a group name.
Configure a slider to display image galleries or slides using the mask, left and right arrow links, and slide nav indicators, and customize animation, duration, and autoplay with slide content.
Explore the six display settings—block, flex, grid, inline block, inline, none—and learn when to use each to craft one- and two-dimensional layouts.
Master the six positioning types—static, relative, absolute, fixed, sticky, and float—and learn how they affect document flow, z-index, and element stacking.
Explore the typography panel, learn to manage fonts, weights, sizes, units, line height, color, and contrast, use swatches and global styles, and apply inheritance from parent blocks for consistent typography.
Apply borders in Webflow to shape elements, adjusting corner radius (including individual corners), border width, color, and style. Create outlines and circles with overflow hidden for precise visuals.
Please download the attached file as it is required for completing the project.
Build a site-wide footer for the home, project, and contact pages, featuring a left logo and address block and a right grid of links, with flexbox and grid layouts.
Learn to build a fully responsive Webflow site for mobile portrait by adjusting font sizes, flexbox direction, margins, padding, and grid layouts across breakpoints.
Explore how to create engaging web interactions in Webflow by using element and page triggers, and build animations with keyframes to synchronize multiple elements for dynamic effects.
Publish your website by connecting a custom domain, choosing a hosting and site plan, updating DNS, and publishing to the selected domain while using the staging domain for preview.
Discover workflow plans, including site and account plans, and how to connect a custom domain to a project. Choose between basic, CMS, and e-commerce options and starter accounts.
Learn to create a pop-up in Webflow with fixed fullscreen overlay, a centered modal form, and close button, along with page load and click interactions using opacity and display none.
Learn to add a lottie animation to a Webflow contact form, import a JSON file, adjust size and centering, and trigger it on submit.
Develop trust by showcasing sample projects in a strong portfolio, then reach out with before-and-after proposals. Post work on social platforms and freelance marketplaces to attract your first client.
Learn project handoff options in Webflow: host with workflow billing versus transferring to the client, plus training tips to empower editors and use the editor for content changes.
Congratulations on finishing the course; you’re a web developer ready to build projects. Leave a review to help improve the course and follow the instructor’s Instagram for design and development.
Do you want to become a web designer and a web developer, but you don't know how to code? Have you ever wanted to build custom websites without writing a single line of code? This course will allow you to develop your web design and development skills, and you can add web developer to your CV and start getting clients for your skills.
Hi everyone. I'm Arash, and I'm a UI/UX designer and a web developer. In the past few years, I helped over 50,000 designers worldwide to build their own UI/UX design business from the ground up. In this course, I will help you learn and master Webflow comprehensively from scratch.
Webflow is an innovative and brilliant tool for web designers. It allows you to build custom websites visually. Don't get me wrong; it's not a website builder like Wix or Squarespace that comes with extensive limitations. On the contrary, it allows you to build modern and responsive websites without any limitations visually. It's used by everyone from entrepreneurs and start-ups to Dell, Zendesk, etc.
Many designers think that web development is hard, boring, and complex, but I will teach you how to develop amazing websites in a simple, fun, and engaging way.
This is not another development course where you learn HTML & CSS. Instead, you will learn how to convert any design to a fully responsive website with complex animations and interaction without code.
In the first part of the course, I will teach you the basics of web development, and we will go through all the features of Webflow in the Webflow Academy section. In the second part of the course, you will put everything you learned into practice by building a complete website for a design agency from scratch. Next, we will dive into advanced topics like responsivity, animations, and interactions. Last but not least, you will learn how to optimize a website for search engines (SEO).
In the last part of the course, we will talk about the business side of the web design industry. You will learn how to get your very first client, how to price your work, how to prepare amazing proposals, and so much more. Eventually, you will learn how to become a world-class freelance web developer and how to run your own web development business.
With over 11 hours of content across 80+ lectures, I will take you from beginner to expert, and teach you everything you need to know in order to use Webflow in a professional manner.
An amazing course for people with zero web development experience or for experienced UI/UX designers who want to learn and master Webflow and become no-code web developers. By the end of this course, you’ll have a complete, real-world project for your own portfolio, and every student will have the knowledge and confidence to apply for a web developer job.
Don't just take my word for it, see what my past students had to say about my design courses:
"I loved this course. Highly recommended if you want to build real-world designs. loved Arash's style of teaching." - Mustafa Alabdullah
"This course is AMAZING! I really like the content especially the projects. I could finally find a course to take me from the very basic concepts to the most complex part of UI/UX design. I 100% recommend it." - Zhan K
"A comprehensive and detailed course for anyone looking to become a UI/UX designer. Clear and easy to understand explanations. It covers all of the topics required for a real-world professional." - Erikas
"The course was awesome, he went through a lot of features and showed a whole lot of stuff that is going to make me a better UI/UX designer. Thank you Arash." - Sara Brown
"Such an amazing course. I was always looking for a comprehensive course that could teach me everything in one place. I finally found it. I recommend this course to anyone who wants to become a world-class UI/UX designer." - Louis Castillo
Course highlights:
Mastering Webflow
Advanced Tips & Tricks
Build a complete modern website from scratch
A certificate of completion upon finishing the course.
We are so confident that you will love this course that we're offering a 30-day money-back guarantee! So you can sign up today with zero risks.
So, what are you waiting for? Enroll today!!