Learn HTML & CSS For Beginners (Let's Code From a Figma Design)

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ธ.ค. 2024

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

  • @brauliogarcia1836
    @brauliogarcia1836 11 หลายเดือนก่อน +16

    Brad, you are one of the best teachers I saw in my life. thank you for sharing and inspiring others! wish you the best!

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

      Thank you so much! That means a lot to hear. Wish you all the best too!

  • @aci25tv
    @aci25tv 11 หลายเดือนก่อน +4

    I am a quadriplegic, 45 years old, and eager to learn. I have been watching your videos, and love your teaching skills. Your videos are easy to understand and follow. Thank you for taking the time to create these educational videos and share your knowledge with others.

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

    Honestly, I developed a love for web development after following Brad's tutorial on Udemy. He's an amazing web development teacher I found on the internet. Whether it's HTML, CSS, JavaScript, or PHP, he nails it every time. Thanks a lot, Brad! 🙌

  • @Z.Bridge
    @Z.Bridge 5 หลายเดือนก่อน

    Z.Bridge
    Being a very beginner I enjoyed your video's which are great, but even more your way of teaching. Thanks for bringing over your knowledge the way you do it.

  • @chandupatil3235
    @chandupatil3235 22 วันที่ผ่านมา

    You are a good explainer with practical examples

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

    it my first time in this channel, Im convinced, im in

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

    Thank you for this video. Please do more of these. And Welcome back, Brad!

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

    Welcome back Brad, you're getting better and better. This video is very well explained and encourages me to learn more. The coupling with Figma is very useful. I'm using it together with vs code. I wanted a clarification: does switching to dev mode in Figma have a cost? Clicking on it returns: "to use dev mode on this file, move it to a paid team"...
    Anyway...
    I just purchased the course and after the top page of the first two hours I am already immersed in the page-section. Thank you very much!

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

    Very detailed, simplifies topics concepts and provides great added context

  • @Z.Bridge
    @Z.Bridge 5 หลายเดือนก่อน

    Being a very beginner I enjoyed your video's which are great, but even more your way of teaching. Thanks for bringing over your knowledge the way you do it.

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

      I'm so glad the video was helpful; and thank you so much for the kind comment 🙏

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

    inspiring others! wish you the best! love you from india

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

    Brad! I was floored when you said you struggle to learn new things. I never would have guessed! Over the last year I've been working on learning Drupal for work and I keep wishing you had a Drupal course like your WordPress course. But then, I would never wish Drupal on you.
    Maybe it's because you know the struggle, and that is why you are so good at teaching. It's good to see you again.
    BTW, I've spent an eon trying to figure out how you do that thing with your cursor??? How do you make that square box around wherever you drag your cursor?

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

      Hi! Thank you so much! I never put it into words like that before, but yes, I think my own challenges during learning are my biggest motivation to teach and help it make sense for others.
      If you're on Mac you can press "CMD + Shift + 4" to click and drag a rectangle to measure pixels. I think Windows has a similar "clipping" tool but I don't know if it has a universally available one-shortcut-key away feature.
      I had a friend who was really into the Drupal world. It's reputation really reminds me of WordPress; people outside of it dread it 😂 - but for the developers in the community, they realize you can use the platform to build just about anything you can think of; super powerful! I've only worked on 3 Drupal projects over the years and I didn't do any of the data / dynamic work; just basic template stuff. It's hard/complex as a beginner!!!

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

    Great to see you back mate, you are the best:)

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

    Glad to see you back, Brad!
    After 6 months ❤❤
    Which is your upcoming course?

  • @AbdullahAlFaiyaz-i3r
    @AbdullahAlFaiyaz-i3r 11 หลายเดือนก่อน

    Hey Brad, one good thing is that you are back and also you have lauched0 a brand new course which I was eagerly waiting for...yayyy :D
    one bad thing is I won't be able to afford your new course :(

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

    Been forever mate. Been forever. ❤

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

    Great tutorial for beginners, I even picked up a few things and i've been doing this for a while. One thing to note is that I think dev mode is only available on a paid plan, though I could be mistaken.

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

    Great teacher💗

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

    BRAD IS BACK!!! YOU DA MAN!! 🙌

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

      Thanks! Which tech have you been working on or learning lately?

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

    glad to see you back

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

    Brad, take love from Bangladesh🥰🥰🥰🥰

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

    Hi Brad, thanks for the tutorial!
    I have some questions about your courses:
    - Will the course you are showing here be on Udemy too?
    - In your "Wordpress - Unlock power with code" course, do you teach and use OOP PHP inside too? Because I have experience with OOP in Java, so wondering if I can pick up OOP for PHP along the way there.

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

    Thats great... 😍😍

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

    Looking Good!

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

    You are awesome. 👍

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

    Hey Brad, would really value your mentorship, I have purchased a few of your udemy courses and hoping to complete them. Was really focused on wordpress but now trying to learn react and or vue. It seems the web deve landscape seems to always be progressing so not sure what to learn react or vue or web components, my previous role was heavily WP based so hoping future roles will be more JS based, great videos btw your an awesome teacher

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

      Thanks for the message! It's just my own biased opinion, but I'd definitely recommend React. Not only does it have more job opportunities, but Next.js is trending lately and it's React-based. Also, if you're into the WP world, then React knowledge is very powerful! The Gutenberg editor uses React for blocks, and the upcoming "Interactivity API" (for public front-end) is based around Preact I believe, but still, React knowledge should be a plus.

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

    I love the course so far. I can't get the full course tho i don't have enough money. Are you doing any giving aways yet to some lucky subscribers?

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

      Glad you're liking it so far! I won't be doing any give aways, but is there a topic / technology in particular that you're interested in learning? I can always do bite-size videos here on my channel.

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

      @@LearnWebCode flex box, css grid

  • @Ubaid-24
    @Ubaid-24 11 หลายเดือนก่อน

    Thank you sir Brad for this incredible course. You are my best teacher that I always admire and want to be like, and such I registered your courses on udemy platform. Thank you for the detailed instructions and guidance.
    Sir Brad, I want to ask, is it possible. you use pseudo selector like div::before and div::after, instead of creating the divs you created with the classes circle and circle-two to make the gradient in this video?

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

    AFFIRMATIONS!! MOAR!!

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

    I’m glad to shadow you 👍

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

    From your teachable site, do u have a coupon code or country PPP discount please? I would like to sign up for the lifetime plan. Thanks

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

      Hello! I wish Teachable offered built-in PPP, but I just created a PPP code that should be good for the next 2 weeks: learnwebcode.teachable.com/p/learnwebcode-premium?coupon_code=PPPOCT24

  • @anis.science
    @anis.science 11 หลายเดือนก่อน

    Hi Brad,
    Can you tell me which external keyboard is the best one for coding in Windows?

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

      Hi! Keyboards are personal preference, but I'm a fan of any mechanical keyboard, and I like all switch types except for blues. I've had good luck with mechanicalkeyboards.com/ - I'd recommend searching TH-cam for "mechanical keyboard switch type sound and feel comparison" to see which switch type seems the most appealing for you. Also placing the keyboard on a folded towel or desk mat can go a long way towards making typing more enjoyable. Cheers!

  • @HighfieldFarm-w1z
    @HighfieldFarm-w1z 11 หลายเดือนก่อน

    Brad - I think you are assuming that I am watching video on the same screen that I’m trying to build the website on so when you keep clicking on figma and then moving it, I dont know what you are doing as I am on two screens. Am now totally lost as to how to get the set up on to Figma and am giving up.

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

    how can i shadow your work

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

    let's learn to code 😊😊

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

      Let's do it 🥳

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

    Can you make a Tutorial on how to create a custom WooCommerce OR Shopify Store from a Figma Design File provided by Clients. It is a humble request brother.

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

      That's a great idea for a tutorial! I'll add it to my list, but probably won't get to create it anytime super soon. For what it's worth, I usually create a 100% static simple separate HTML/CSS/JS folder and then once I'm happy with the way it looks only then do I even begin to try integrating it with Woo or Shopify. That way I'm using all of my brains horsepower on one aspect/task at a time.

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

    You're a G

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

    Where do you live brother ?

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

    How to get job sir??

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

    the Dev Mode on Figma is now a Professional (paid) tier 😭

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

    Dev mode is not free anymore. :(

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

    i wish could fast for this video

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

    _ احب القراءة _

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

    "Promo SM"

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

    Holy fuck I actually love you😇