Learn SvelteKit - Full Course for Beginners

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

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

  • @Smoljames
    @Smoljames 6 месяцев назад +33

    Hope ya'll enjoy the video :P

  • @yodkwtf
    @yodkwtf 5 месяцев назад +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 Месяц назад +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 9 дней назад +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 месяцев назад +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 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 4 месяца назад +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 4 месяца назад +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 4 месяца назад +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

  • @mastereli_6sa491
    @mastereli_6sa491 18 дней назад

    Great mahn,

  • @ovskihouse5270
    @ovskihouse5270 6 месяцев назад +4

    Thanks for both

  • @samuraipiang8203
    @samuraipiang8203 6 месяцев назад +5

    Teacher is look like John Cena!❤❤❤

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

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

  • @MW-ze9jm
    @MW-ze9jm 6 месяцев назад +2

    That was very nifty...

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

  • @StephenPasco
    @StephenPasco 4 месяца назад +1

    Excellent course. Thanks much. Please make more.

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

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

  • @karserasl
    @karserasl 6 месяцев назад +5

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

  • @damianko1359
    @damianko1359 23 дня назад

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

  • @sameerkamran
    @sameerkamran 17 дней назад

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

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

    27:46

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

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

  • @gokulmsv
    @gokulmsv 3 месяца назад

    How to get the files and implement to visual studio vode

  • @vdt401
    @vdt401 6 месяцев назад +1

    First Comment!

    • @f.p.1931
      @f.p.1931 6 месяцев назад +1

      Ohh nooo 😱

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

      @@f.p.1931 hahahahahahaa

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

    🙋Beau Sir n others

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

    🎉Ibam the first

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

    Bad ass!

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

    🎉

  • @okerror1451
    @okerror1451 20 дней назад

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

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

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

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

    hell tailwind..

  • @CandyBarnes-t8g
    @CandyBarnes-t8g 4 дня назад

    Perez Steven Lewis Angela Young Karen

  • @disrael2101
    @disrael2101 6 месяцев назад +2

    you gotta improve your explanation but nice video overall

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

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

    Worst tutorial. Not explain anything

  • @4399lol
    @4399lol 5 месяцев назад

    you literally have another screen up and just copying it lmao

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

    thanks a lot for this.
    we need HTMX too

  • @abdul-aleemelmuzoghi4133
    @abdul-aleemelmuzoghi4133 3 месяца назад

    just a wasted of my time

  • @menumaan88
    @menumaan88 5 месяцев назад

    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