Your One-Stop Shop to Learn Webflow for Freelancing

Your One-Stop Shop to Learn Webflow for Freelancing, available at $29.99, has an average rating of 4.5, with 59 lectures, based on 19 reviews, and has 1116 subscribers.

You will learn about Learn the ins and outs of Webflow Designer Add and style Webflow elements and layouts Add different types of animations and interactions to elements Learn proper techniques to make a responsive website Build an outstanding responsive portfolio website in Webflow Connect Webflow website to a custom domain How to take advantage of Webflow paid plans This course is ideal for individuals who are Anyone (including Non-programmers) who are looking for a career change to web design and development or Everyone who is interested in learning Webflow for personal and professional gains or Anyone who is interested in starting a freelancing career to build websites quickly and efficiently or Business owners who want to make a landing website for their business quickly with minimal costs or Designers who want to expand their area of expertise in the development field as well It is particularly useful for Anyone (including Non-programmers) who are looking for a career change to web design and development or Everyone who is interested in learning Webflow for personal and professional gains or Anyone who is interested in starting a freelancing career to build websites quickly and efficiently or Business owners who want to make a landing website for their business quickly with minimal costs or Designers who want to expand their area of expertise in the development field as well.

Enroll now: Your One-Stop Shop to Learn Webflow for Freelancing

Summary

Title: Your One-Stop Shop to Learn Webflow for Freelancing

Price: $29.99

Average Rating: 4.5

Number of Lectures: 59

Number of Published Lectures: 59

Number of Curriculum Items: 59

Number of Published Curriculum Objects: 59

Original Price: $29.99

Quality Status: approved

Status: Live

What You Will Learn

Learn the ins and outs of Webflow Designer
Add and style Webflow elements and layouts
Add different types of animations and interactions to elements
Learn proper techniques to make a responsive website
Build an outstanding responsive portfolio website in Webflow
Connect Webflow website to a custom domain
How to take advantage of Webflow paid plans

Who Should Attend

Anyone (including Non-programmers) who are looking for a career change to web design and development
Everyone who is interested in learning Webflow for personal and professional gains
Anyone who is interested in starting a freelancing career to build websites quickly and efficiently
Business owners who want to make a landing website for their business quickly with minimal costs
Designers who want to expand their area of expertise in the development field as well

Target Audiences

Anyone (including Non-programmers) who are looking for a career change to web design and development
Everyone who is interested in learning Webflow for personal and professional gains
Anyone who is interested in starting a freelancing career to build websites quickly and efficiently
Business owners who want to make a landing website for their business quickly with minimal costs
Designers who want to expand their area of expertise in the development field as well

Whether you are just thinking about starting to learn web development or you have already built many websites, whether you are a designer who wants to design and build eye-catching websites on a single platform, or if you want to build websites as a freelancer quickly and efficiently, this course is all you need. In this course, you will learn:

Webflow Basics such as how to set up your account, create projects, and share them
All you need to know about Webflow Designer and Webflow Editor
Adding custom fonts
Setting up forms with reCAPTCHA
Adding Google Maps to a website
All you need to know about interactions and animations in Webflow
- Mouse hover and click effects
- Scroll based animations
- Creating custom cursors
- Horizontal scrolling inside a webpage
- Customizing interactions for touch screens
Build a production-ready website
Add custom domains, Google Analytics
How to take advantage of Webflow CMS in your projects
Adding Lottie animations to a website
Making your Website responsive (Webflow limitations and how to fix them)
TWO BIG PROJECTS to put all you have learned into practice
- A multi-page landing website for a mobile application
- An outstanding professional personal portfolio to showcase all your work to help you land more jobs as a freelancer
A supplementalsection on how to integrate custom code in a Webflow website
- Add custom CSS and Javascript code to facilitate transitions, effects, etc. on a website
- Export all the HTML, CSS, and Javascript code
- How to use Webflow as a tool to help design and develop websites outside Webflow
- Use exported code from Webflow to host your Website on Github Pages

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Adjusting Video Play Speed

Lecture 3: Course Outline

Lecture 4: Getting Started with Webflow

Lecture 5: Webflow Plans

Lecture 6: Webflow Forum

Chapter 2: Webflow Basics

Lecture 1: General Layouts and Elements in a Website

Lecture 2: How to Share Your Webflow Project With Others

Lecture 3: Layouts and Basic Styling in Webflow

Lecture 4: Custom (pre-styled) Layouts in Webflow

Lecture 5: Grid Layout in Webflow

Lecture 6: Creating Pages – Explore Other Elements and Styles

Lecture 7: Webflow Navbars and Responsiveness

Chapter 3: Project 1 – Building A Multi-Page Responsive Website

Lecture 1: Overview of Project #1 – What We Will Be Building

Lecture 2: Final Project Link

Lecture 3: Project Settings – Adding Favicon and External Font

Lecture 4: Home Page – Hero Section

Lecture 5: Home page – Hero Section Responsiveness

Lecture 6: Home Page – App Features Section

Lecture 7: Home Page – Footer Section and Fixed Navbar

Lecture 8: Adding About Page and Symbols

Lecture 9: About Page – Team Members

Lecture 10: About Page – FAQ Section

Lecture 11: About Page – Contact Form and Google Maps

Lecture 12: Final Touches – Link to Sections, Test on Physical Device, SEO, Webflow Editor

Chapter 4: Animations in Webflow

Lecture 1: Page Trigger

Lecture 2: Element Trigger

Lecture 3: Element Trigger Scroll Animations

Lecture 4: Page Trigger Scroll Animations

Lecture 5: Creating a Custom Mouse Cursor

Lecture 6: Add Animations to Our Static Website (Project #1)

Chapter 5: Project 2 – Building our Portfolio Website – Development

Lecture 1: Overview of Our Portfolio Project

Lecture 2: Final Finished Portfolio Project Link

Lecture 3: Project Settings

Lecture 4: Navigation Menu – Adding Elements and Styles

Lecture 5: Navigation Menu – Animations and Interactions

Lecture 6: Home Page – Hero Section (Part 1)

Lecture 7: Home Page – Hero Section (Part 2)

Lecture 8: Home Page – About Section

Lecture 9: Home Page – Images Section With Horizontal Scrolling

Lecture 10: Home Page – Footer Section

Lecture 11: Work Page – Hero Section

Lecture 12: Work Page – Portfolio Projects Section

Lecture 13: Work Page – Contact Section

Chapter 6: Project 2 – Building Our Portfolio Website – Production

Lecture 1: Introduction to Webflow CMS

Lecture 2: CMS for Portfolio Projects

Lecture 3: SEO and Google Analytics

Chapter 7: Supplemental Section – Webflow Paid Accounts

Lecture 1: Add Custom Code in Webflow

Lecture 2: Final Custom Code for Next Lecture

Lecture 3: Custom Cursor and Touch Screen Detection

Lecture 4: Final Javascript Code for Next Lecture

Lecture 5: Add Page Load/Transition Animation

Lecture 6: Read This Before Watching Next Lecture

Lecture 7: Add Custom Domain to Webflow Project

Lecture 8: Extract and Host Our Code on Github Pages

Lecture 9: Javascript Code for the Next Lecture

Lecture 10: Using Formspree To Collect Form Data

Lecture 11: Final Thoughts

Lecture 12: Bonus Lecture

Instructors

Akbar Bakhshi
Web and Mobile Developer (code and no-code)

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 10 votes
5 stars: 9 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu