Learn SvelteKit - Full Course for Beginners

Sdílet
Vložit
  • čas přidán 21. 08. 2024

Komentáře • 63

  • @Smoljames
    @Smoljames Před 6 měsíci +33

    Hope ya'll enjoy the video :P

  • @yodkwtf
    @yodkwtf Před 5 měsíci +61

    Here's some constructive criticism - This was not at all a tutorial. Just a guy building a landing page while also recording it and saying what he's doing. This could've been done with HTML CSS and the length would have still be shorter than this.

    • @aiherrera
      @aiherrera Před měsícem +3

      I was on my way to make the same comment when I saw yours, I just went to the codebase and that was it.

    • @sahildhingraa
      @sahildhingraa Před 9 dny +1

      Exactly, he left all the svelte thing behind and just designed the frontend only where as a tutorial covers things which are different in a framework than other frameworks like reactive elements, store etc.

  • @vaibhavp224
    @vaibhavp224 Před 6 měsíci +53

    honestly, i wasted my time on this. dude literally went on narrating whatever he is doing without explaining anything.
    this is supposed to be a tutorial for beginners right? he has to explain why he is doing something, without that there is no point in calling this a "full course for beginners".

    • @oscaralderete8156
      @oscaralderete8156 Před 6 měsíci

      I agree with @vaibhavp224, this tut is 99% tailwindcss and 1% Svelte.

    • @wiktorkabanow
      @wiktorkabanow Před 5 měsíci

      Very bad teaching indeed. Guy has literally some issues with flexing on beginners. Even repeats the word every second xD

    • @4aty1
      @4aty1 Před 4 měsíci +2

      Yeah, was entertaining but was really more of a Tailwind CSS demonstration lol

  • @easy_english_123
    @easy_english_123 Před 3 měsíci +4

    07:07 style
    07:32 font
    10:33 some styles
    11:19 app css
    13:51 components
    14:57 section
    16:37 Hero component
    18:13 Header component
    18:54 font awesome
    21:18 some effects
    20:39 nav
    21:17 hover
    22:09 export
    23:55 button styles
    27:18 update Hero
    28:40 update Hero again
    30:20 CTAs component
    33:03 rated stars
    36:23 product component
    38:27 product card
    44:19 fake data
    46:29 each if else if
    47:29 assets
    55:11 reviews component
    56:12 reviewsList
    57:30 reviewCard
    01:05:39 show more less

  • @fullstacklarry
    @fullstacklarry Před 4 měsíci +7

    I appriciate you guys letting me know not to waste my time. My guy came with the tailwind tut from the lazy boy dev chair.

  • @skpaik
    @skpaik Před 3 měsíci +7

    This is not a svelte tutorials.
    This is Tailwind Css course :D

  • @slacle
    @slacle Před 6 měsíci +6

    I was happy to see something on Svelte, but turned out to be a very misleading title. Not a course on SvelteKit at all. More like "watch someone type Tailwinds CSS classes for an hour and a half". Good video to become familiar with Tailwinds classes, but not to learn SvelteKit.

  • @lasal7820
    @lasal7820 Před měsícem +1

    because it is kind of svelte contents, it would be better to use svelte transition things
    1:29:00
    so instead of using custom css, here we can use svelte transition 'fade'.
    // +layout.svelte
    // 1. insert the following between tags
    import { fade } from "svelte/transition";
    // 2. insert the following as a attribute for in {#if y > outerHeight} directive
    in:fade = {{ duration: 300 }}
    // then, without custom css animation, it fades,

  • @jingle1161
    @jingle1161 Před 4 měsíci +5

    30 min in and this feels more like a Tailwind tutorial..

  • @hugo-abdou
    @hugo-abdou Před 6 měsíci +5

    thank you for this two howrs but you dident focus on svelte you spin lots of time on HTML and styling instead of how svelte works or the functionalities of svelte but thank you for your time

  • @mastereli_6sa491
    @mastereli_6sa491 Před 18 dny

    Great mahn,

  • @ovskihouse5270
    @ovskihouse5270 Před 6 měsíci +4

    Thanks for both

  • @samuraipiang8203
    @samuraipiang8203 Před 6 měsíci +5

    Teacher is look like John Cena!❤❤❤

  • @edwassermann8368
    @edwassermann8368 Před 5 měsíci +2

    Not really for beginners imho. Explaining more would go a long way. Nevertheless, for someone knowing Svelte / SvelteKit already, it's quite good.

  • @mazharansari7813
    @mazharansari7813 Před 6 měsíci +4

    Entire sveltekit framework course which has length of just 1 hour??

  • @MW-ze9jm
    @MW-ze9jm Před 6 měsíci +2

    That was very nifty...

  • @lasal7820
    @lasal7820 Před měsícem

    thanks a lot~

    • @lasal7820
      @lasal7820 Před měsícem

      it was great, because i'm new to web programming, so these things are very valuable for me.
      Thank you and god bless you

  • @StephenPasco
    @StephenPasco Před 4 měsíci +1

    Excellent course. Thanks much. Please make more.

  • @thepuckchucker
    @thepuckchucker Před 5 měsíci +1

    For some reason the index code string for the stars feature doesnt work for me, all my code appears accurate to his example. The video is okay, but like many other comments "the presenter/instructor' is not explaining the components of the svelte framework so you really miss a ton of value in the video. I hope the comments help him deliver more comprehensive videos in the future. Thanks.

    • @renataigarashi4217
      @renataigarashi4217 Před 5 měsíci

      I encountered a similar issue before. My mistake was failing to include a space after the class 'absolute top-0 left-0 grid place-items-center '. It's important to have a space at the end to properly add another class.

  • @nudtanunwarnnissorn
    @nudtanunwarnnissorn Před 6 měsíci

    OMG OMG OMG OMG OMG OMG FINNALYY I FOUND IT I REALLY WANT THIS YESTERDAY AND I’M LOOKING FOR IT TODAY

  • @karserasl
    @karserasl Před 6 měsíci +5

    Does this use the new svelte 5 syntax with runes?
    Feels like anything else would be a waste of time.

  • @damianko1359
    @damianko1359 Před 23 dny

    "We're going to use eslinting" proceeds to not check the box...

  • @sameerkamran
    @sameerkamran Před 17 dny

    Thanks for the Tailwindcss tutorial. Update the title of the video. Its kinda misleading :)

  • @konzexnsaff
    @konzexnsaff Před 2 měsíci

    27:46

  • @nemeziz_prime
    @nemeziz_prime Před 6 měsíci +15

    Svelte looks interesting, but I don't like the fact that there are too many dollar ($) signs that we need to use

    • @alecshimano1208
      @alecshimano1208 Před 6 měsíci +3

      There's something that does like this:
      "What do you mean C, C++ and Java Developers get paid more? Guys using Svelte see dollars all the time"

    • @josepalacid
      @josepalacid Před 6 měsíci +2

      Yeah. Me I hate dollar sign too. And actually curly braces freak me. And semicolons at the end of the lines were weird too, but now you can remove them.

    • @DanteMishima
      @DanteMishima Před 6 měsíci +1

      $ are mainly for reactivity

    • @marcindomanski5654
      @marcindomanski5654 Před 6 měsíci +5

      You are definitely not from the jquery era

    • @nemeziz_prime
      @nemeziz_prime Před 6 měsíci

      @@marcindomanski5654 yes, I have just read about jQuery, never used it. Directly started with React. But I did not like jQuery syntax when I came across it

  • @caeleyferguson7798
    @caeleyferguson7798 Před 2 měsíci +1

    Not sure how this is supposed to teach anything, especially not with how things are changed in cuts and not mentioned.

  • @gokulmsv
    @gokulmsv Před 3 měsíci

    How to get the files and implement to visual studio vode

  • @vdt401
    @vdt401 Před 6 měsíci +1

    First Comment!

    • @f.p.1931
      @f.p.1931 Před 6 měsíci +1

      Ohh nooo 😱

    • @vdt401
      @vdt401 Před 6 měsíci

      @@f.p.1931 hahahahahahaa

  • @Shriramkrishnhari
    @Shriramkrishnhari Před 6 měsíci

    🙋Beau Sir n others

  • @juzosuzuya9297
    @juzosuzuya9297 Před 6 měsíci

    🎉Ibam the first

  • @FunDumb
    @FunDumb Před 6 měsíci

    Bad ass!

  • @nyameteasi3666
    @nyameteasi3666 Před 6 měsíci

    🎉

  • @okerror1451
    @okerror1451 Před 20 dny

    How is this a SvelteKit tutorial. There's barely any SvelteKit in here at all. Misleading title.

  • @victrixx
    @victrixx Před 4 měsíci

    This is neither a sveltekit tutorial nor meant for beginners. It's more of a tailwind demonstration.

  • @kms1014
    @kms1014 Před 4 měsíci

    hell tailwind..

  • @CandyBarnes-t8g
    @CandyBarnes-t8g Před 4 dny

    Perez Steven Lewis Angela Young Karen

  • @disrael2101
    @disrael2101 Před 6 měsíci +2

    you gotta improve your explanation but nice video overall

  • @devjourney8583
    @devjourney8583 Před 5 měsíci

    So this guy just says what he types and... that's the whole "tutorial". A
    dvice - when you record learning videos try explaining and giving context

  • @saurabhgore266
    @saurabhgore266 Před 4 měsíci

    Worst tutorial. Not explain anything

  • @4399lol
    @4399lol Před 5 měsíci

    you literally have another screen up and just copying it lmao

  • @xade8381
    @xade8381 Před 6 měsíci

    thanks a lot for this.
    we need HTMX too

  • @abdul-aleemelmuzoghi4133
    @abdul-aleemelmuzoghi4133 Před 3 měsíci

    just a wasted of my time

  • @menumaan88
    @menumaan88 Před 5 měsíci

    this tutorial is really bad, it doesn't show the necessary tools of sveltekit. I dont know why would this channel let such ignorant person to upload video which doesnt even show things we need for real production. Let me tell you that svelte kit is much more than that. A landing page seriously ? You can just use vanilla js html and tailwindcss for that