No-Code Web Design – Webflow Fundamentals for Beginners
No-Code Web Design – Webflow Fundamentals for Beginners, available at $27.99, has an average rating of 4, with 25 lectures, based on 1 reviews, and has 5 subscribers.
You will learn about How to build your first Website without Coding The Fundamentals of the Webflow Editor How to create Buttons and Hover Effects How to create reusable Classes and Combo Classes How to add Interactions and Animations to your Website How to import Images and Icons How to create Layouts using Grids & Flexbox How to link Buttons to Pages & Sections How to publish your Website to a free Webflow Domain How to make your Website responsive for all Devices This course is ideal for individuals who are Beginner Web Designers that want to build Websites without Coding or Marketers that need a way to quickly build Websites or Designers that want to increase their Skillset and develop their own Projects It is particularly useful for Beginner Web Designers that want to build Websites without Coding or Marketers that need a way to quickly build Websites or Designers that want to increase their Skillset and develop their own Projects.
Enroll now: No-Code Web Design – Webflow Fundamentals for Beginners
Summary
Title: No-Code Web Design – Webflow Fundamentals for Beginners
Price: $27.99
Average Rating: 4
Number of Lectures: 25
Number of Published Lectures: 25
Number of Curriculum Items: 25
Number of Published Curriculum Objects: 25
Original Price: $24.99
Quality Status: approved
Status: Live
What You Will Learn
- How to build your first Website without Coding
- The Fundamentals of the Webflow Editor
- How to create Buttons and Hover Effects
- How to create reusable Classes and Combo Classes
- How to add Interactions and Animations to your Website
- How to import Images and Icons
- How to create Layouts using Grids & Flexbox
- How to link Buttons to Pages & Sections
- How to publish your Website to a free Webflow Domain
- How to make your Website responsive for all Devices
Who Should Attend
- Beginner Web Designers that want to build Websites without Coding
- Marketers that need a way to quickly build Websites
- Designers that want to increase their Skillset and develop their own Projects
Target Audiences
- Beginner Web Designers that want to build Websites without Coding
- Marketers that need a way to quickly build Websites
- Designers that want to increase their Skillset and develop their own Projects
Building unique Websites without the No-Code Tool Webflow
The Times where you need to learn how to code in order to develop your Websites is over. Using the Power of the No-Code Tool Webflow, we can develop and design 100% custom Websites without having to touch a Code Editor or having in depth knowledge of HTML, CSS & JavaScript.
While Webflow may seem a little bit intimidating at first glance, it’s actually very easy and fast to learn. Throughout this Course we will be covering all the Core Fundamentals you need to get started building Websites in Webflow from Scratch.
We will cover a large assortment of Topics in this Course, such as:
-
Creating & Managing new and existing Pages
-
The User Interface
-
How to work with multiple Elements such as Sections, Containers, Headings and Buttons
-
How to create Classes and Combo Classes
-
How to create stunning Hover Effects
-
How to create Interactions & Animations
-
How to create Contact Forms
-
How to create Layouts using Grid & Flexbox
-
and much more…
This is a Project Based Course. While learning all the Fundamentals of Webflow, we will be building a fully responsive Landing Page. We’ll create with a simple Hero Area where we will learn all about the Section and Container Components, as well as how to add Type and how to style it. We’ll also be optimizing and importing Images and add them to the Background of our Section. Of course, every Website needs a CTA, a Call-To-Action, so we’ll be creating that in form of a Button with a nice and smooth Hover Effect.
We will also be learning how to create 2 & 3 Column Layouts using the Grid Component. We’ll do that by building Service & Feature Sections. In these Sections we’ll be learning how to work with Flexbox, which will allow us to better align our Elements. We will also learn how to add Icons to our Webpage.
Of course we will also be building a more complex Layout, in our Case that will be the Pricing Section. And after that we will learn all how to build a complete Contact Form.
Using what we learned, we will build our Navigation and our Footer and then link all the Buttons to the corresponding Sections.
So, interested in building your first Website in Webflow? If so, I’ll see you inside the Course!
Course Curriculum
Chapter 1: Introduction
Lecture 1: What is Webflow? What can you do with it?
Lecture 2: Course Project: What we'll be building
Lecture 3: Exercise Files
Lecture 4: Creating & Managing Webflow Websites
Chapter 2: Working in Webflow
Lecture 1: The Webflow Editor – The User Interface
Lecture 2: Adding new Fonts to your Website
Lecture 3: Building your first Section – The Hero Section
Lecture 4: Importing Images & optimizing them for the Web
Lecture 5: Creating a Button and it's Hover States
Lecture 6: Create Variations using Combo Classes
Lecture 7: CSS Grids – Creating a 3 Column Layout
Lecture 8: Creating & Styling Links
Lecture 9: Building 2 Column Sections using Grids
Lecture 10: Building more complex Designs – The Pricing Section
Lecture 11: Creating Unordered & Ordered Lists
Lecture 12: Designing a Contact Form
Lecture 13: Navigation – Building a Navbar
Lecture 14: Navigation – Making the Mobile Version
Lecture 15: Components – Create reusable & linked Sections
Lecture 16: Building the Footer
Lecture 17: Making the Website responsive
Lecture 18: Adding Basic Animations to all our Sections
Lecture 19: Linking our Buttons & Nav Links
Lecture 20: Finishing Touches & Publishing the Website
Chapter 3: Conclusion
Lecture 1: Conclusion
Instructors
-
Kai Pruin
Graphic- & Web Designer | VR Enthusiast
Rating Distribution
- 1 stars: 0 votes
- 2 stars: 0 votes
- 3 stars: 0 votes
- 4 stars: 1 votes
- 5 stars: 0 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!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024