Learn SvelteKit - Full Course for Beginners

Поділитися
Вставка
  • Опубліковано 28 сер 2024

КОМЕНТАРІ • 64

  • @Smoljames
    @Smoljames 6 місяців тому +33

    Hope ya'll enjoy the video :P

  • @yodkwtf
    @yodkwtf 6 місяців тому +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 2 місяці тому +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 16 днів тому +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 6 місяців тому +55

    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 6 місяців тому

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

    • @wiktorkabanow
      @wiktorkabanow 5 місяців тому

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

    • @4aty1
      @4aty1 5 місяців тому +2

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

  • @easy_english_123
    @easy_english_123 3 місяці тому +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 5 місяців тому +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 3 місяці тому +7

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

  • @slacle
    @slacle 6 місяців тому +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 Місяць тому +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 5 місяців тому +5

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

  • @hugo-abdou
    @hugo-abdou 6 місяців тому +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

  • @edwassermann8368
    @edwassermann8368 6 місяців тому +2

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

  • @ovskihouse5270
    @ovskihouse5270 6 місяців тому +4

    Thanks for both

  • @karserasl
    @karserasl 6 місяців тому +5

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

  • @samuraipiang8203
    @samuraipiang8203 6 місяців тому +5

    Teacher is look like John Cena!❤❤❤

  • @mazharansari7813
    @mazharansari7813 6 місяців тому +4

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

  • @thepuckchucker
    @thepuckchucker 6 місяців тому +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 5 місяців тому

      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.

  • @MW-ze9jm
    @MW-ze9jm 6 місяців тому +2

    That was very nifty...

  • @nudtanunwarnnissorn
    @nudtanunwarnnissorn 6 місяців тому

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

  • @nemeziz_prime
    @nemeziz_prime 6 місяців тому +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 6 місяців тому +4

      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 6 місяців тому +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 6 місяців тому +1

      $ are mainly for reactivity

    • @marcindomanski5654
      @marcindomanski5654 6 місяців тому +5

      You are definitely not from the jquery era

    • @nemeziz_prime
      @nemeziz_prime 6 місяців тому

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

  • @StephenPasco
    @StephenPasco 4 місяці тому +1

    Excellent course. Thanks much. Please make more.

  • @sameerkamran
    @sameerkamran 24 дні тому

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

  • @caeleyferguson7798
    @caeleyferguson7798 2 місяці тому +1

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

  • @mastereli_6sa491
    @mastereli_6sa491 25 днів тому

    Great mahn,

  • @gokulmsv
    @gokulmsv 3 місяці тому

    How to get the files and implement to visual studio vode

  • @lasal7820
    @lasal7820 Місяць тому

    thanks a lot~

    • @lasal7820
      @lasal7820 Місяць тому

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

  • @damianko1359
    @damianko1359 Місяць тому

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

  • @konzexnsaff
    @konzexnsaff 2 місяці тому

    27:46

  • @victrixx
    @victrixx 5 місяців тому

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

  • @Shriramkrishnhari
    @Shriramkrishnhari 6 місяців тому

    🙋Beau Sir n others

  • @okerror1451
    @okerror1451 27 днів тому

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

  • @vdt401
    @vdt401 6 місяців тому +1

    First Comment!

    • @f.p.1931
      @f.p.1931 6 місяців тому +1

      Ohh nooo 😱

    • @vdt401
      @vdt401 6 місяців тому

      @@f.p.1931 hahahahahahaa

  • @disrael2101
    @disrael2101 6 місяців тому +2

    you gotta improve your explanation but nice video overall

  • @juzosuzuya9297
    @juzosuzuya9297 6 місяців тому

    🎉Ibam the first

  • @FunDumb
    @FunDumb 6 місяців тому

    Bad ass!

  • @nyameteasi3666
    @nyameteasi3666 6 місяців тому

    🎉

  • @kms1014
    @kms1014 4 місяці тому

    hell tailwind..

  • @CandyBarnes-t8g
    @CandyBarnes-t8g 11 днів тому

    Perez Steven Lewis Angela Young Karen

  • @saurabhgore266
    @saurabhgore266 5 місяців тому

    Worst tutorial. Not explain anything

  • @devjourney8583
    @devjourney8583 5 місяців тому

    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

  • @xade8381
    @xade8381 6 місяців тому

    thanks a lot for this.
    we need HTMX too

  • @abdul-aleemelmuzoghi4133
    @abdul-aleemelmuzoghi4133 3 місяці тому

    just a wasted of my time

  • @4399lol
    @4399lol 5 місяців тому

    you literally have another screen up and just copying it lmao

  • @menumaan88
    @menumaan88 6 місяців тому

    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