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

Preface

Webflow is a modern website builder that enables you to rapidly design and build production-scale responsive websites without code. This book, 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.

The approach this book takes is to give you just enough foundational theory and principles before diving into actionable steps. In general, you'll be shown what you're going to build, why it's built that way, and then the actual steps showing how to do it.

You'll 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 two projects that you'll be ready to publish to the world. The first will be a fully responsive landing page for a fictional mobile app. You will build a solid foundation for building modern websites, from the CSS box model to Flexbox and CSS Grid, including how to build slick custom animations and interactions and more, all within Webflow and without code.

The second project will be focused on building a dynamic website using Webflow CMS. We'll build our very own curation of some of the world's most interesting libraries. We'll learn all about content management in Webflow and how it makes building large websites easy and efficient.

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 a website.

By the end of this book, you will have gained the skills you need to build and launch modern responsive websites from scratch without any code in Webflow. The hope is that this will open up a new avenue for you and empower you to pursue crafting useful web experiences and exciting creative expressions!