Book Image

Webflow by Example

By : Ali Rushdan Tariq
Book Image

Webflow by Example

By: Ali Rushdan Tariq

Overview of this book

Webflow is a modern no-code website-builder that enables you to rapidly design and build production-scale responsive websites. Webflow by Example is a practical, project-based, and beginner-friendly guide to understanding and using Webflow to efficiently build and launch responsive websites from scratch. Complete with hands-on tutorials, projects, and self-assessment questions, this easy-to-follow guide will take you through modern web development principles and help you to apply them efficiently using Webflow. You’ll also get to grips with modern responsive web development and understand how to take advantage of the power and flexibility of Webflow. The book will guide you through a real-life project where you will build a fully responsive and dynamic website from scratch. You will learn how to add animations and interactions, customize experiences for users, and more. Finally, the book covers important steps and best practices for making your website ready for production, including SEO optimization and how to publish and package the website. By the end of this Webflow book, you will have gained the skills you need to build modern responsive websites from scratch without any code.
Table of Contents (20 chapters)
1
Section 1: Getting Started with Webflow
5
Section 2: Building a Mobile Responsive Landing Page with Webflow
11
Section 3: Building a Dynamic Website with Webflow CMS
16
Section 4: Additional Topics

Who will benefit from this book?

If you are like me, then you may have found a number of the available resources did not match your preferred style of learning. Perhaps the videos or courses were too long or too fast. Perhaps the delivery of the topics was not to your liking. Some may even be too prohibitively costly.

I will admit that my journey of learning Webflow had many false starts. I would excitedly start a new tutorial, jump into the Webflow builder, and after following along for a few lessons, I'd inevitably stop understanding what it was I was doing, which would stunt my learning and motivation to continue.

Ultimately, I feel the underlying reason behind those moments was that I was missing a key point or concept, without which I was unable to understand how the platform was working. For me, this was the difference between simply following instructions blindly and truly learning the underlying principles. After many trials and errors, I managed to break through these impasses and unlock the power of Webflow, and I've not looked back.

And now I want to share my lessons with you, dear reader. This book is the resource I wish I had had when I first started my journey. It not only will help you build and publish a handful of useful websites that you can show off in a portfolio, but you will also understand why things are built that way. If you've ever been curious to understand modern web development concepts but were always too intimidated or overwhelmed by code, then this book will hopefully help bridge all those gaps together.

We'll start simple and slowly build layers of complexity on top. Like doing reps in the gym, we'll repeat a number of the concepts so they are reinforced, and your web design/development muscles are growing. Everything will be practical and rooted in real examples. Where appropriate, we'll introduce relevant web development concepts that will help you understand the magic behind how Webflow is working.

If you're a designer, it will make you think like a web developer. If you're already a web developer, it can help you experiment with designs in a quick and visual manner. And if you're neither, Webflow will at best introduce you to the possibility of being a professional designer/developer and, at the very least, provide you with enviable skills in creating customized websites for your personal needs.

And not only will we build functional websites, but we'll also put the fun back into functional as well.