Webflow: Create A Responsive Website Without Code Knowledge
4.5 (164 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
10,114 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Webflow: Create A Responsive Website Without Code Knowledge to your Wishlist.

Add to Wishlist

Webflow: Create A Responsive Website Without Code Knowledge

Learn how to create a website with touch-activated sliders, interactive buttons, animations, hovers, and so much more!
4.5 (164 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
10,114 students enrolled
Created by Edvin Lynch
Last updated 1/2015
English
Price: Free
Includes:
  • 1.5 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
Create a fully responsive website without any code
Create a responsive navbar with a drop down menu
Create a responsive slideshow that is touch activated on mobile devices
Create a lightbox widget to showcase your beautiful images
Create a responsive contact form to collect user data
Create elegant hover states for buttons with transitions
Create awesome interactions for images, thumbnails and navigational elements
Create animations that can loop and play when the page loads
Publish your project to the web with one click
Learn how to optimize a website for smaller screens
View Curriculum
Requirements
  • Follow the instructions to create your own free Webflow account
Description

In this course you will learn how to create a responsive website with tons of complex functions that you can use for your own web projects.

  • Create a fully responsive website without any code
  • Create a responsive navbar with a drop down menu
  • Create a responsive slideshow that is touch activated on mobile devices
  • Create a lightbox widget to showcase your beautiful images
  • Create a responsive contact form to collect user data
  • Create elegant hover states for buttons with transitions
  • Create awesome interactions for images, thumbnails and navigational elements
  • Create animations that can loop and play when the page loads
  • Publish your project to the web with one click
  • Learn how to optimize a website for smaller screens

At the end of this course you will be able to build all of this without writing a single bit of code!


You should take this course if you're doing web design work for a client, family member, friend, or if you're starting your own business!

This course is Learn-By-Doing so you'll follow along with me throughout the course as I show you how to build the website and I'll explain all the tools, functions and design concepts as I go.

Each lecture will be really focused on one specific part, and I explain how that part fits in with the rest of the site so that you not only learn how to exactly replicate what I'm showing you, but you will be able to use your own creativity to create something unique, and I encourage it.

When you enroll to this course you will receive announcements whenever I add new lectures and content, so there will always be something new for you to learn!

Who is the target audience?
  • This course is perfect for anyone who wants to build their own web projects
  • This course is for people who are interested in web development
  • This course is perfect for everyone who wants to build a website without code
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 13 Lectures Collapse All 13 Lectures 01:23:39
+
Welcome To Webflow
1 Lecture 00:19
Getting Set Up With Webflow
00:19
+
Creating the foundation
4 Lectures 36:39
Welcome To The Interface
19:53

Responsive Navbar
06:41

Headings
04:13

Tabs Widget
05:52
+
Tab One
1 Lecture 04:44
Responsive Slider
04:44
+
Tab Two
1 Lecture 03:35
Lightboxes
03:35
+
Tab Three
1 Lecture 07:31
Responsive Contact Form
07:31
+
Interactive Elements
3 Lectures 18:25
Button Hovers
07:22

Adding Social Sharing
03:53

Slider Animations
07:10
+
Optimizing For Smaller Device
1 Lecture 05:45
Designing it for the iPad
05:45
+
Publishing
1 Lecture 06:22
Publish your site
06:22
About the Instructor
Edvin Lynch
4.2 Average rating
541 Reviews
27,716 Students
6 Courses
UX Design Mentor

I've been doing UI/UX design, business development, digital marketing, and instructional videos for entrepreneurs, startups, and Fortune 500 companies in Silicon Valley and Silicon Beach, and I've been featured in .NET Magazine & MIX Magazine. I'm also an entrepreneur and started my own design agency (LLC Agency) in 2012, based in Los Angeles and Hollywood.

Some of the companies I've worked with include Google, Facebook, Red Bull, and I've taught large design agencies how to design more efficiently as teams.

Here on Udemy, I share all my expertise and insights in Design, Development, and Marketing, that took me years to gain during my career.

I'm also a DJ/Producer since 2007, working with Ableton and producing Electronic Dance Music. Checkout my SoundCloud link below! Let me know if you want to learn about Ableton or music production.