Learn Webflow in 2024 (Beginner Crash Course)

Поделиться
HTML-код
  • Опубликовано: 18 июн 2024
  • Now is the time for you to learn Webflow. In this video we will build a website together and I’ll be covering the key concepts you need to get started.
    Download the working files to follow along 👉 bit.ly/3V7yCSm
    Discover the fastest, right way to learn Webflow-our full Webflow Masterclass course 👉 bit.ly/4br0Q1m
    CHAPTERS
    0:00 Intro
    0:19 The box model
    03:35 Set-up div blocks
    05:21 Add elements
    09:40 Styling
    📱 Find us on SOCIAL MEDIA
    Ran's X (Twitter) 👉 / ransegall
    Ran's Instagram 👉 / ransegall
    Flux Academy's Instagram 👉 / flux.academy
    Flux Academy's TikTok 👉 / fluxacademy

Комментарии • 74

  • @JohnSavin-pz8qv
    @JohnSavin-pz8qv 27 дней назад +8

    This video closed me on doing the course. Explained in a way that gave me better confidence to build in WebFlow.

  • @SyedMuneebAli
    @SyedMuneebAli 23 дня назад +2

    I am a Visual Designer, I want basic stuff about development but this really helped me understanding the structure and design. Love it!

  • @RockstahRolln
    @RockstahRolln 15 дней назад

    Ran you never fail to impress me with all your videos... this was brilliant! In fact I signed up for your course because of the way you explain and go through every step in your videos. Thanks for all you do and share with us

    • @FluxAcademy
      @FluxAcademy  14 дней назад

      Thanks! Excited to see you in our community!

  • @jeyqwe8623
    @jeyqwe8623 4 дня назад

    Hello, this is me before watching this tutorial. I never tried web designing and i dont know anything on webflow, ill leave my answer after finishing this tutorial and try to make a site. I trust you Flux

  • @shelbytessier6508
    @shelbytessier6508 14 дней назад

    Best tutorial I've seen! Really appreciate the way you highlighted and explained all the boxes in a visual way!

  • @thegenznightmare
    @thegenznightmare 24 дня назад +2

    I am working on my new website for my own brand and this is very very helpful. Thank you!

  • @shahriarkhaneasan3268
    @shahriarkhaneasan3268 28 дней назад

    Always Best!😍

  • @movie.lover.
    @movie.lover. 28 дней назад +5

    Need a tutorial on responsiveness ❤❤

  • @daliafatima8463
    @daliafatima8463 27 дней назад

    Amazing !!!

  • @gracemar3078
    @gracemar3078 29 дней назад

    This was very helpful. Thank you!

  • @tjveach
    @tjveach 28 дней назад

    Very well done my friend

  • @lilianesoares2453
    @lilianesoares2453 11 дней назад

    Great! Now I have my first webflow project! It was amazing class, very good going to the point! Success! Thanks

  • @abigailgrace1191
    @abigailgrace1191 18 дней назад

    This is super helpful! Thank you so much!

    • @FluxAcademy
      @FluxAcademy  16 дней назад

      Glad it was helpful! Thanks Abigail

  • @Fake-Dady295
    @Fake-Dady295 24 дня назад +1

    Bro Your Very Execellent Web devolopment

  • @Eric-Sweet
    @Eric-Sweet 9 дней назад

    I hope Webflow pays you. There content is creative. Your content is concise and all the essentials to get to functionable for someone who has no experience.

  • @believe2344
    @believe2344 29 дней назад

    this is so helpful! Thanks :)

  • @lawrenzo1109
    @lawrenzo1109 29 дней назад

    Thanks Ran. I love Flux Academy’s content!🔥👍🏻

  • @empanada420
    @empanada420 29 дней назад

    Super insightful! 😮

  • @rizkihidayatulfadli
    @rizkihidayatulfadli 28 дней назад +1

    24:44 "You can stack"
    Looks like you are using Framer, is it right?

  • @Technical_Ved
    @Technical_Ved 29 дней назад

    Gorgeous 🥰 video 📸

  • @bigbailey1489
    @bigbailey1489 29 дней назад

    In framer am I able to create a navigation, for instance I have a camera, I want the navigation to be the cameras navigation on the right. could I do something like that. PS its going to be a photograph website/portfoilio, this could impact other sizes for etc:mobile, and tablet. If you understand what I mean! Great video easy to follow edit: just realised this is webflow

    • @whatsgoinon150
      @whatsgoinon150 28 дней назад

      can you specify what you mean by ,the cameras navigation’ ? How should the interface look like, any specific camera model? etc

    • @bigbailey1489
      @bigbailey1489 27 дней назад

      @@whatsgoinon150 I am talking about the dial on the right too select certain modes

  • @tomascech6772
    @tomascech6772 29 дней назад

    Clever and pretty. This guy is a full package.

  • @mahadironnie3508
    @mahadironnie3508 29 дней назад

    just finished the video. I think it's kinda similar to figma. I'm a figma designer. willing to learn a new app. i saw some videos about webflow, framer and wordpress. one of my friend is currently working with wordpress. so i wanted to try a new one. I'm basically focusing on designing and building no code animated websites. which platform would you suggest for me so i can design and animate a website without or with less limitation on my thinking.
    I'm currently doing my bachelor in CSE, will have few coding knowledge in upcoming year but not much.
    Thank you for your Concern.

    • @FluxAcademy
      @FluxAcademy  29 дней назад +3

      Webflow is currently the most robust when it comes to animations

  • @tresvecesdos
    @tresvecesdos 28 дней назад

    Ran
    One of the many things that I have learned from your RUclips channel is that in the structure of a web page there is always a container.
    Wouldn't a container be missing in this exercise?

    • @faelanm
      @faelanm 27 дней назад

      A container is a div it just has pre-defined styles like padding, margins etc. with a div you can style it from scratch.

    • @tresvecesdos
      @tresvecesdos 27 дней назад

      @@faelanm I know that using a div you can create a container, what seems strange to me is that Ran does not put a container in this exercise.

    • @FluxAcademy
      @FluxAcademy  26 дней назад +2

      To be fair - i decided to have a design that doesn’t require a container for this tutorial for simplicity sake, as the video was getting a bit long. But yes, most designs require a container.

  • @nextzombie7143
    @nextzombie7143 11 дней назад

    I loved!
    I'm a little scared that AI will replace us when it comes to making websites

  • @jovana3994
    @jovana3994 21 день назад

    how is this program called? look great :)

  • @Senpai_Otaku_
    @Senpai_Otaku_ 7 дней назад

    nice explanation sir thnx for this.

    • @FluxAcademy
      @FluxAcademy  7 дней назад +1

      Most welcome

    • @Senpai_Otaku_
      @Senpai_Otaku_ 6 дней назад

      ​@@FluxAcademy All of your viewers have to appreciate for this level of work and explanation.

  • @m_anees_c
    @m_anees_c 29 дней назад +1

  • @dantedicroce5569
    @dantedicroce5569 14 дней назад

    how long do the working files take to send? been waiting so long :(

    • @FluxAcademy
      @FluxAcademy  14 дней назад

      Sorry! we seem to have an issue on the website. Please reach out to our support and they will send it to you

  • @aahanmansuri3071
    @aahanmansuri3071 29 дней назад +3

    First Student 😀 👨‍🎓

  • @user-yw8eh3jm5c
    @user-yw8eh3jm5c 19 дней назад

    How to connect the webflow design to a database

  • @jtisaks8569
    @jtisaks8569 27 дней назад

    Like it

  • @Miltonhn
    @Miltonhn 16 дней назад

    Thanks for this video, I have been following the webflow 101 tut, but they make a lot of mistakes there and takes forever to build just a very simple example.

  • @Mania26
    @Mania26 8 дней назад

    How to give this to client? Client have to pay for plan or what? No one is talking about it! Help pls.

    • @FluxAcademy
      @FluxAcademy  8 дней назад

      There's a cost for the domain and hosting of any website.

    • @Mania26
      @Mania26 8 дней назад

      @@FluxAcademy u did not help at all...Yea i know im no stupid. But what plan and how to migrate website to client's account?

    • @FluxAcademy
      @FluxAcademy  7 дней назад

      @@Mania26 Webflow knowledge base and support can hep you with this. Best of luck!

  • @tonystarkmowa
    @tonystarkmowa 20 дней назад

    I want to learn the webflow like a pro i want to build websites something like this one

  • @Handsome_jamil
    @Handsome_jamil 28 дней назад

    How can I learn webflow

    • @FluxAcademy
      @FluxAcademy  28 дней назад +1

      Start with this video 😄

  • @TylerDurden-mv9vd
    @TylerDurden-mv9vd 28 дней назад

    Why is there no lesson on responsiveness? PX units are difficult for responsiveness, maybe you could make a lesson on that

    • @FluxAcademy
      @FluxAcademy  27 дней назад

      This is a quick "crash course". We have videos on responsiveness and accessibility on the channel.

  • @User-uj6ie
    @User-uj6ie 9 дней назад +1

    I'm Palestinian and I appreciate your videos 🥲☮

  • @Hwyw
    @Hwyw 14 дней назад

    wondering WhY would someone PAy Roughly $600 for the course when you can watch webflow university for free? thanks in advance

    • @FluxAcademy
      @FluxAcademy  14 дней назад

      Here's the answer: ruclips.net/video/MLAlsKZusHg/видео.html

  • @RichardV-CPD
    @RichardV-CPD 27 дней назад +2

    I'm sorry, but that transition sound is super annoying (airpods pro reference) . Still grateful for your tutorial.

    • @RichardV-CPD
      @RichardV-CPD 27 дней назад +1

      It seems only used at the beginning of the video.

  • @bitacorakimchi
    @bitacorakimchi 15 дней назад

    Never got your freaking email. I hope I don't start receiving spam instead

    • @FluxAcademy
      @FluxAcademy  14 дней назад

      Sorry, we had an issue with emails yesterday, hopefully you'll be getting it now!