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

Поделиться
HTML-код
  • Опубликовано: 26 авг 2024

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

  • @brauliogarcia1836
    @brauliogarcia1836 7 месяцев назад +14

    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  7 месяцев назад +2

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

  • @aci25tv
    @aci25tv 7 месяцев назад +3

    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 7 месяцев назад +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 Месяц назад

    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.

  • @Z.Bridge
    @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.

    • @LearnWebCode
      @LearnWebCode  Месяц назад

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

  • @tamisweitzer275
    @tamisweitzer275 7 месяцев назад +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  7 месяцев назад

      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!!!

  • @iambhavinpatel
    @iambhavinpatel 7 месяцев назад +1

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

  • @teammoderngeeks
    @teammoderngeeks 7 месяцев назад

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

  • @kelvinzimmerman8852
    @kelvinzimmerman8852 4 месяца назад

    Very detailed, simplifies topics concepts and provides great added context

  • @matthewbelcher200
    @matthewbelcher200 6 месяцев назад

    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.

  • @simphiwengcobo1513
    @simphiwengcobo1513 7 месяцев назад

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

  • @SandroGiambra
    @SandroGiambra 6 месяцев назад

    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!

  •  7 месяцев назад

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

  • @jeevank3849
    @jeevank3849 6 месяцев назад

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

  • @user-ix2ey3rr5c
    @user-ix2ey3rr5c 7 месяцев назад

    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 :(

  • @TheInternalNet
    @TheInternalNet 6 месяцев назад

    AFFIRMATIONS!! MOAR!!

  • @brandsintel
    @brandsintel 7 месяцев назад

    Been forever mate. Been forever. ❤

  • @neppe4047
    @neppe4047 7 месяцев назад

    glad to see you back

  • @ronidinho
    @ronidinho 7 месяцев назад

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

    • @LearnWebCode
      @LearnWebCode  7 месяцев назад

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

  • @philip9677
    @philip9677 7 месяцев назад +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  7 месяцев назад +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.

  • @hassanm7865
    @hassanm7865 7 месяцев назад

    Great teacher💗

  • @Ubaid-24
    @Ubaid-24 7 месяцев назад

    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?

  • @srfahmd
    @srfahmd 7 месяцев назад

    Looking Good!

  • @majadulislampallab1351
    @majadulislampallab1351 7 месяцев назад

    Brad, take love from Bangladesh🥰🥰🥰🥰

  • @EmiliaKaida
    @EmiliaKaida 7 месяцев назад

    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.

  • @midnight9428
    @midnight9428 7 месяцев назад

    I’m glad to shadow you 👍

  • @touseefghazanfar8487
    @touseefghazanfar8487 7 месяцев назад

    You are awesome. 👍

  • @dilhansiriwardhana2937
    @dilhansiriwardhana2937 7 месяцев назад

    Thats great... 😍😍

  • @user-ge1sq3nx1z
    @user-ge1sq3nx1z 7 месяцев назад

    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.

  • @bigjoshallen
    @bigjoshallen 7 месяцев назад +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  7 месяцев назад +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 7 месяцев назад +1

      @@LearnWebCode flex box, css grid

  • @funguy29
    @funguy29 7 месяцев назад +1

    You're a G

  • @gokilbree5396
    @gokilbree5396 7 месяцев назад

    let's learn to code 😊😊

  • @thecodemon
    @thecodemon 7 месяцев назад

    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  7 месяцев назад +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.

  • @philip9677
    @philip9677 7 месяцев назад

    how can i shadow your work

  • @anis.science
    @anis.science 7 месяцев назад

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

    • @LearnWebCode
      @LearnWebCode  7 месяцев назад +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 RUclips 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!

  • @amersatar744
    @amersatar744 2 месяца назад

    i wish could fast for this video

  • @nabilfannane7217
    @nabilfannane7217 6 месяцев назад

    Where do you live brother ?

  • @promahbubul
    @promahbubul 7 месяцев назад

    How to get job sir??

  • @jeffk6382
    @jeffk6382 6 месяцев назад

    "Promo SM"

  • @mkm1015
    @mkm1015 7 месяцев назад

    Holy fuck I actually love you😇