Webflow Tutorial for Beginners - No-Code Web Design

Поділитися
Вставка
  • Опубліковано 30 тра 2024
  • Learn Webflow from a Webflow certified expert agency owner. In this Webflow course you'll learn how to build a landing page without writing a single line of code and only using Webflow's core features. You'll also learn about Webflow SEO, animations, plans & pricing.
    Download Design File: bit.ly/42CHCCm
    Course created by @tweakdesigns. Hire him here: bit.ly/49aQ3qQ
    ⭐️ Contents ⭐️
    ⌨️ (0:00:00) Web Design Basics
    ⌨️ (0:03:36) Webflow Basics
    ⌨️ (0:10:35) Components/Symbols in Webflow
    ⌨️ (0:11:28) Variables in Webflow
    ⌨️ (0:13:25) Assets/Images
    ⌨️ (0:13:35) Webflow CMS
    ⌨️ (0:14:03) Users in Webflow
    ⌨️ (0:14:12) E-commerce in Webflow
    ⌨️ (0:15:13) Add Pages/Folder in Webflow
    ⌨️ (0:15:25) Style Panel
    ⌨️ (0:16:24) Layouts - CSS Grid & Flexbox
    ⌨️ (0:20:22) Typography
    ⌨️ (0:20:31) Backgrounds
    ⌨️ (0:21:13) Borders & Radius
    ⌨️ (0:21:58) Effects
    ⌨️ (0:22:43) Element Settings
    ⌨️ (0:23:08) Animations
    ⌨️ (0:24:36) Landing Page Development
    ⌨️ (1:05:20) Blog CMS for Landing Page
    ⌨️ (1:21:29) Mobile & Tablet Responsive
    ⌨️ (1:30:43) Landing Page Animations
    ⌨️ (1:36:46) SEO in Webflow
    ⌨️ (1:37:24) Domain & Hosting
    ⌨️ (1:38:56) Final Words
    🎉 Thanks to our Champion and Sponsor supporters:
    👾 davthecoder
    👾 jedi-or-sith
    👾 南宮千影
    👾 Agustín Kussrow
    👾 Nattira Maneerat
    👾 Heather Wcislo
    👾 Serhiy Kalinets
    👾 Justin Hual
    👾 Otis Morgan
    👾 Oscar Rahnama
    --
    Learn to code for free and get a developer job: www.freecodecamp.org
    Read hundreds of articles on programming: freecodecamp.org/news

КОМЕНТАРІ • 48

  • @tweakdesigns
    @tweakdesigns Місяць тому +6

    Thank you FCC for posting my video to the amazing community. If you guys have any questions related to Webflow or any NoCode platform just reach out to me would love to help you out. Enjoy the course and you can suggest more videos for Webflow for FCC YT channel.

  • @khalidelgazzar
    @khalidelgazzar Місяць тому +26

    Although webflow will let you design your code for free, you can't host it for free (free option is very limited). The monthly plan is not inexpensive, so make sure to know about the pricing before you get stuck.

    • @r3dsnow757
      @r3dsnow757 Місяць тому +1

      Is Webflow mainly used for business owners then?
      I can't imagine it being useful for a freelancer.
      As people would be most likely hire devs with coding knowledge maybe?
      Maybe I'm wrong, just asking as someone that wants to learn about web dev.

    • @thewebstylist
      @thewebstylist Місяць тому +1

      That’s the main reason I still rock w WordPress 100

    • @MrGriefCreep
      @MrGriefCreep Місяць тому

      ​@@r3dsnow757Who's going to hire a freelance web dev who can't code though?
      I would recommend looking at more standard solutions like JS frontend libraries and whatever backend you find works for you.

    • @Applecitylightkiwi
      @Applecitylightkiwi Місяць тому

      @@r3dsnow757 for speed and animation especially the later

  • @peterwassmuth4014
    @peterwassmuth4014 Місяць тому +1

    Awesome Thank you for Sharing! 💯✴

  • @mohitgarg2841
    @mohitgarg2841 23 дні тому

    Thanks Bro for providing us such a valuable knowledge.

  • @dasarathpatra5709
    @dasarathpatra5709 Місяць тому +1

    Thank you so much

  • @khulekanimbatha3689
    @khulekanimbatha3689 Місяць тому

    Thanks for these tutorials can we please have more advanced tutorials on Webflow🙏

  • @Enjoyablewalks
    @Enjoyablewalks Місяць тому +1

    Wow awesome teacher

  • @SwiftDeveloperWorld
    @SwiftDeveloperWorld Місяць тому +2

    can you also have the same video for flutterflow ?

  • @Ruhgtfo
    @Ruhgtfo Місяць тому

    Does it have a fail-safe save anchor points ?

  • @MagichourManila
    @MagichourManila Місяць тому +1

    Is it possible to create and set up a website using Webflow and then transfer it to a different platform in the future? Would I retain access to all the features of the website I created?

    • @tweakdesigns
      @tweakdesigns Місяць тому

      you can export webflow website as HATML, CSS and JS but it won't export your CMS so you'll have to export CMS items manually and them you can import it to another tool like Wix or WordPress

  • @user-ki7xc2pv9m
    @user-ki7xc2pv9m Місяць тому +1

    OMG THIS IS EXACTLY WHAT I NEED RIGHT NOW THANK YOU FCC!

  • @AbdulmuminUthman
    @AbdulmuminUthman Місяць тому +1

    What about the subscription mode ??
    How much for the hosting

    • @tweakdesigns
      @tweakdesigns Місяць тому

      you can purchase subscription as per your need like if you're using CMS then go with CMS plan otherwise basic plan is better if CMS and E-commerce is not used

  • @jdgame3604
    @jdgame3604 24 дні тому

    Can i use Node.js as my backend then webflow for the frontend?

  • @user-lw9eu9cm1j
    @user-lw9eu9cm1j 4 дні тому

    Can we master this and perduade a job in web flow

  • @tutohowto5345
    @tutohowto5345 Місяць тому

    I request someone who has a bit of a knowledge about webflow to answer this please.
    Is webflow a good option to learn and then export to as a freelancer, I've seen some people comment about the hosting fees which is expensive
    Im currently learning react but I sorta wanted to pivot to webflow as a freelancer because of its ability to generate modern ui-ux without code efficiently.
    Would it be wise to switch or not? Please answer.

    • @chicpak3329
      @chicpak3329 Місяць тому

      @tutohowto5345 , If you wanna go the freelancing route, Clients don't really care if you are using coding or no coding tools. Unfortunately learning something like react gives you more freedom and upper hand than using something like webflow in terms of animations. You still have to learn javascript plugins like GSAP or lenis to maximize the usage of Webflow. I really suggest you to learn react over the other stuffs.

    • @ruanxun9454
      @ruanxun9454 Місяць тому

      I think if you are going to freelance, and you have enough customers, then Webflow is fast. However, if you struggle getting customers yourself, and think maybe one day you are going to work in tech companies like Google, then learning React is a must.

    • @tweakdesigns
      @tweakdesigns Місяць тому

      Webflow is expensive but it's a growing market for freelancers and agencies. you can learn Wix Studio much cheaper than Webflow.

  • @thewebstylist
    @thewebstylist Місяць тому +1

    I’m still so turned off by the logo redesign, whoever approved that one needs to be fired 😅

  • @itsmeojasx3579
    @itsmeojasx3579 Місяць тому

    How can we export to html css and js?

    • @tweakdesigns
      @tweakdesigns Місяць тому

      simple, just click on the code icon at top right of your designer mode and it will prepare zip file for you.

  • @dasarathpatra5709
    @dasarathpatra5709 Місяць тому

    Pls also upload its advance version video

  • @gangstersparadise43
    @gangstersparadise43 23 дні тому

    idk why my animation isn't working!

  • @Applecitylightkiwi
    @Applecitylightkiwi Місяць тому +5

    If you want to inject your own animation code you need premium, thank me later

    • @tweakdesigns
      @tweakdesigns Місяць тому

      yes but for 2 pages you can use free plan.

  • @LokeshKumar-tk7ri
    @LokeshKumar-tk7ri Місяць тому

    Can I build Netflix using this no-code tool

    • @tweakdesigns
      @tweakdesigns Місяць тому

      no, webflow is mostly use to build marketing sites.

  • @rishiraj2548
    @rishiraj2548 Місяць тому

    👍

  • @muhammadjunaid1172
    @muhammadjunaid1172 Місяць тому

    First comment

  • @sarthak_chandra
    @sarthak_chandra Місяць тому

    Please bring a course for Figma

  • @minnoxzmozzesmx8915
    @minnoxzmozzesmx8915 Місяць тому

    Its just blogging with extra steps.

  • @vegito8502
    @vegito8502 Місяць тому +1

    I hate no code solutions

  • @BettingWebTeller
    @BettingWebTeller Місяць тому

    Couldn't watch more than 2 minutes. Very slow teaching for me 😢

  • @BhaktiGyan.111
    @BhaktiGyan.111 Місяць тому

    Not very good teaching