Learn Webflow in 2024 (Beginner Crash Course)

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ก.ค. 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

ความคิดเห็น • 80

  • @JohnSavin-pz8qv
    @JohnSavin-pz8qv หลายเดือนก่อน +10

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

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน +2

      Love that!

  • @SyedMuneebAli
    @SyedMuneebAli หลายเดือนก่อน +3

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

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน +1

      Great to hear!

  • @jeyqwe8623
    @jeyqwe8623 21 วันที่ผ่านมา

    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

  • @RockstahRolln
    @RockstahRolln หลายเดือนก่อน

    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  หลายเดือนก่อน

      Thanks! Excited to see you in our community!

  • @shahriarkhaneasan3268
    @shahriarkhaneasan3268 หลายเดือนก่อน +1

    Always Best!😍

  • @shelbytessier6508
    @shelbytessier6508 หลายเดือนก่อน +3

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

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน +1

      Glad it was helpful!

    • @nerathevannuavan4974
      @nerathevannuavan4974 7 ชั่วโมงที่ผ่านมา

      ​@@FluxAcademyCan We Able To Create Weather API Like This Without The Code?

  • @thegenznightmare
    @thegenznightmare หลายเดือนก่อน +2

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

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน +1

      Glad to hear!

  • @tjveach
    @tjveach หลายเดือนก่อน +1

    Very well done my friend

  • @movie.lover.
    @movie.lover. หลายเดือนก่อน +6

    Need a tutorial on responsiveness ❤❤

  • @ehabomar2656
    @ehabomar2656 6 วันที่ผ่านมา

    Thank you for your efforts and very good and clear explanation. It will be appreciated if you make video for responsiveness for this design especially.

  • @lilianesoares2453
    @lilianesoares2453 28 วันที่ผ่านมา

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

    • @FluxAcademy
      @FluxAcademy  26 วันที่ผ่านมา

      Fantastic!

  • @daliafatima8463
    @daliafatima8463 หลายเดือนก่อน

    Amazing !!!

  • @gracemar3078
    @gracemar3078 หลายเดือนก่อน

    This was very helpful. Thank you!

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน

      Glad it was helpful Grace!

  • @abigailgrace1191
    @abigailgrace1191 หลายเดือนก่อน

    This is super helpful! Thank you so much!

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน

      Glad it was helpful! Thanks Abigail

  • @Poncki
    @Poncki 3 วันที่ผ่านมา

    Awesome video! When is part two?

  • @Fake-Dady295
    @Fake-Dady295 หลายเดือนก่อน +1

    Bro Your Very Execellent Web devolopment

  • @empanada420
    @empanada420 หลายเดือนก่อน

    Super insightful! 😮

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน

      Appreciate it 🙏

  • @believe2344
    @believe2344 หลายเดือนก่อน

    this is so helpful! Thanks :)

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน

      Glad it was helpful!

  • @Aeybd
    @Aeybd 9 วันที่ผ่านมา

    Thank you

  • @rizkihidayatulfadli
    @rizkihidayatulfadli หลายเดือนก่อน +1

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

  • @Eric-Sweet
    @Eric-Sweet 26 วันที่ผ่านมา

    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.

  • @Technical_Ved
    @Technical_Ved หลายเดือนก่อน

    Gorgeous 🥰 video 📸

  • @lawrenzo1109
    @lawrenzo1109 หลายเดือนก่อน

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

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน

      Appreciate it

  • @jovana3994
    @jovana3994 หลายเดือนก่อน

    how is this program called? look great :)

  • @user-yw8eh3jm5c
    @user-yw8eh3jm5c หลายเดือนก่อน

    How to connect the webflow design to a database

  • @tomascech6772
    @tomascech6772 หลายเดือนก่อน

    Clever and pretty. This guy is a full package.

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน

      🙏❤️

  • @markusbuls9469
    @markusbuls9469 17 วันที่ผ่านมา

    Wow, insane video editing. I got inspired by these animations and sound effects. Are you doing edit by yourself? Or you have a editor?

    • @FluxAcademy
      @FluxAcademy  16 วันที่ผ่านมา

      We have a team

  • @bigbailey1489
    @bigbailey1489 หลายเดือนก่อน

    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 หลายเดือนก่อน

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

    • @bigbailey1489
      @bigbailey1489 หลายเดือนก่อน

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

  • @mahadironnie3508
    @mahadironnie3508 หลายเดือนก่อน

    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  หลายเดือนก่อน +3

      Webflow is currently the most robust when it comes to animations

  • @nextzombie7143
    @nextzombie7143 28 วันที่ผ่านมา

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

  • @Senpai_Otaku_
    @Senpai_Otaku_ 24 วันที่ผ่านมา

    nice explanation sir thnx for this.

    • @FluxAcademy
      @FluxAcademy  24 วันที่ผ่านมา +1

      Most welcome

    • @Senpai_Otaku_
      @Senpai_Otaku_ 23 วันที่ผ่านมา

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

  • @tresvecesdos
    @tresvecesdos หลายเดือนก่อน

    Ran
    One of the many things that I have learned from your TH-cam 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 หลายเดือนก่อน

      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 หลายเดือนก่อน

      @@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  หลายเดือนก่อน +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.

  • @m_anees_c
    @m_anees_c หลายเดือนก่อน +1

  • @Miltonhn
    @Miltonhn หลายเดือนก่อน

    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.

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน

      Glad it helped

  • @aahanmansuri3071
    @aahanmansuri3071 หลายเดือนก่อน +3

    First Student 😀 👨‍🎓

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน +2

      Welcome!

  • @User-uj6ie
    @User-uj6ie 26 วันที่ผ่านมา +2

    I'm Palestinian and I appreciate your videos 🥲☮

  • @Mania26
    @Mania26 25 วันที่ผ่านมา

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

    • @FluxAcademy
      @FluxAcademy  25 วันที่ผ่านมา

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

    • @Mania26
      @Mania26 25 วันที่ผ่านมา

      @@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  24 วันที่ผ่านมา

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

  • @jtisaks8569
    @jtisaks8569 หลายเดือนก่อน

    Like it

  • @Handsome_jamil
    @Handsome_jamil หลายเดือนก่อน

    How can I learn webflow

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน +1

      Start with this video 😄

  • @TylerDurden-mv9vd
    @TylerDurden-mv9vd หลายเดือนก่อน

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

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน

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

  • @tonystarkmowa
    @tonystarkmowa หลายเดือนก่อน

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

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน

      You're in the right place

  • @dantedicroce5569
    @dantedicroce5569 หลายเดือนก่อน

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

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน

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

  • @RichardV-CPD
    @RichardV-CPD หลายเดือนก่อน +2

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

    • @RichardV-CPD
      @RichardV-CPD หลายเดือนก่อน +1

      It seems only used at the beginning of the video.

  • @Hwyw
    @Hwyw หลายเดือนก่อน

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

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน

      Here's the answer: th-cam.com/video/MLAlsKZusHg/w-d-xo.html

  • @bitacorakimchi
    @bitacorakimchi หลายเดือนก่อน

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

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน

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