Svelte full course 2022 for beginner

  Рет қаралды 16,838

Bitfumes

Bitfumes

Күн бұрын

Svelte is a radical new approach to building user interfaces
Svelte is a javascript framework just like react or vue
Svelte is superfast and use no virtual DOM
Source Code : github.com/bitfumes/svelte-fu...
Individual Video Series : bitfumes.com/courses/javacrip...
🌟 Course Contents 🌟
⏳ (00:00:00) Course Intro
⏳ (00:02:37) What is Svelte
⏳ (00:05:09) new svelte project
⏳ (00:07:47) explore project
⏳ (00:16:28) create first component
⏳ (00:23:11) loading assets
⏳ (00:31:07) For each loop
⏳ (00:37:22) Add tailwindcss styling
⏳ (00:41:47) component props
⏳ (00:49:28) bind event
⏳ (01:00:27) event dispatch
⏳ (01:07:31) reactive declaration
⏳ (01:16:32) if show modal
⏳ (01:24:30) slot component
⏳ (01:35:41) form handle
⏳ (01:47:21) on mount
⏳ (01:56:02) on destroy
⏳ (02:00:27) Svelte store
⏳ (02:10:10) tween
⏳ (02:15:30) Transition
⏳ (02:22:05) Animation
⏳ (02:24:56) Svelte Routing
Social Media:-
/ sarthaksavvy
/ sarthaksavvy
Discord server
/ discord
🌟 Premium Courses 🌟
Check out 32 hours of Laravel Content at
bit.ly/indepthlaravel
🔥 DIGITAL OCEAN HOSTING Affiliate
Get $100 in credit for 60 days m.do.co/c/a3a47da9b9a8
🌟 Gadgets I use 🌟
Camera amzn.to/3mGikwL
Blue Yeti Mic amzn.to/3mA6YdI
Blue Yeti Mic Foam Cover amzn.to/2GkmV8w
Capture Card amzn.to/3ed3cnN
🌟 Support Me ( I am a full-time KZbin) 🌟
Github github.com/sponsors/bitfumes
Patreon / bitfumes
KZbin / @bitfumes
🌟 FOLLOW ME 🌟
Subscribe for New Releases!
Twitter - / bitfumes
Twitter - / sarthaksavvy
Facebook - / bitfumes
Instagram - / bitfumes
(ask me questions!)
-- QUESTIONS? --
Leave a comment below and I or someone else can help you.
For quick questions you may also want to ask me on Twitter, I respond almost immediately.
Email me support@bitfumes.com
Thanks for all your support

Пікірлер: 36
@majormayer7133
@majormayer7133 Жыл бұрын
I watched the full course, but unfortunately I'm not fully convinced. In general, I like your style and the broad structure of this video, but a few things: - Try to prepare yourself a bit more, so that you don't have to look up things in the documentation in the middle of the tutorial - Some examples (like the one with onMount/ onUnmount) just don't fit to the rest of the tutorial and get discarded eventually. I would be better if you find examples that stick to the common thread - so you building a users list/ board. - Focus more on the Svelte topics and try to leave out styling as much as possible. We are watching this to learn Svelte in the end, not TailwindCSS. But still I am very thankful for this up-to-date tutorial :)
@joangerard3895
@joangerard3895 Жыл бұрын
Agreed. Showing onMount and onDestroy just for the sake of learning does not make sense here as they end up discarded
@shahabahmed6991
@shahabahmed6991 4 ай бұрын
I have only watched it 8 mins - I love how natural you are in your delivery of this topic to someone who is not that familiar. I plan to watch the full video. Thank you for doing this!
@nemeziz_prime
@nemeziz_prime Жыл бұрын
Wow. After watching how simple Svelte is on Fireship, I was hoping for some good tutorial on YT. And you just did that! Thank you ❤️
@thedevnoteyt
@thedevnoteyt Жыл бұрын
Bring more contents on svelte please ! Maybe some projects with svelte if possible
@ProjectPros
@ProjectPros Жыл бұрын
Your crash Courses are more crisp than others 40hours of courses 🖖
@Bitfumes
@Bitfumes Жыл бұрын
thanks bro
@ProjectPros
@ProjectPros Жыл бұрын
@@Bitfumes if possible make data structure and algorithms in C++ crash course. So it will be refresher for freshers before any interviews
@caffeinated-vegan
@caffeinated-vegan Жыл бұрын
On the event dispatch section you started to lose me. It felt like you were figuring it out yourself and just quickly problem solving, and it became difficult to follow.
@konradpierzynski4251
@konradpierzynski4251 Жыл бұрын
1:13:00 You can rename detail in deconstruction by using {detail: id}
@adolfusadams4615
@adolfusadams4615 Жыл бұрын
Your tutorials are truly awesome. Can you please do a tutorial or some tutorials on using the URQL graphql client with Svelte/Sveltekit?
@abdiaschafang8196
@abdiaschafang8196 Жыл бұрын
Hello Thanks for the video, when are you going to do the training on sveltekit? Kind regards
@werrutkyupnext
@werrutkyupnext Жыл бұрын
i have watched 13 minutes and I think I am going to learn from you sir
@denniszenanywhere
@denniszenanywhere Жыл бұрын
Can't wait for the Svelte kit tutorial!!!!
@josbexerra8115
@josbexerra8115 Жыл бұрын
Muy agradecido Mister Bitfumes por compartir conocimientom, gran maestro => saludos de los andes peruanos
@nahid017
@nahid017 Жыл бұрын
please tell me what is the best backend framework for svelte in your opinion?
@mehdimansouri1547
@mehdimansouri1547 11 ай бұрын
you really explain great!
@motupanda2257
@motupanda2257 3 ай бұрын
Can you tell me the extension you're using to highligh and show the errors while your coding rather than putting the cursor on to see them
@NoOne-jg3jx
@NoOne-jg3jx Жыл бұрын
to use img we need to type : src/asset/imgname.png
@TheRightWaymyway
@TheRightWaymyway Жыл бұрын
this command to create svelte project with vite is not available on the svelte website, instead the command available is to create application with sveltekit. kindly help in this regard.
@mayssamatteli6251
@mayssamatteli6251 9 ай бұрын
how do u get the corrections and errors inside the code , is there extensions that make that ?
@edwassermann8368
@edwassermann8368 Жыл бұрын
nice tutorial. thanks! subbed!
@Bitfumes
@Bitfumes Жыл бұрын
Thanks for the sub!
@makram6966
@makram6966 Жыл бұрын
Informative
@NoOne-jg3jx
@NoOne-jg3jx Жыл бұрын
28:16 : we can use /src/asset/images/user1.png
@lucadifazio6133
@lucadifazio6133 Жыл бұрын
Hey your link to the Individual Video Series is broken! > "This Serverless Function has crashed." By the way nice series!!
@Bitfumes
@Bitfumes Жыл бұрын
Thanks for informing, it is fixed now
@doug_horne
@doug_horne Жыл бұрын
I can get that plugin to autoimport the import paths as you showed at the 21:40 mark? Aggravating...that seems so handy :-)
@doug_horne
@doug_horne Жыл бұрын
Nevermind...got it. ;-)
@shashankshekhar4029
@shashankshekhar4029 11 ай бұрын
I am looking for sveltekit sir
@shivamvijaywargi
@shivamvijaywargi Жыл бұрын
I think I saw a cockroach on your chair at 30:35 😅 By the way nice video, keep it up 🎉
@kenjohnsiosan9707
@kenjohnsiosan9707 Жыл бұрын
Svelte😍
@Bitfumes
@Bitfumes Жыл бұрын
yeahhh
@nicolaslaborda7175
@nicolaslaborda7175 Жыл бұрын
Ma G
@adichamp-shopping
@adichamp-shopping Жыл бұрын
sir make video in hindi..
@raymondmichael4987
@raymondmichael4987 Жыл бұрын
Please add authentication to this
SvelteKit course full 2022 for beginners
1:32:16
Bitfumes
Рет қаралды 13 М.
Alpine.js Full Course For Beginners | 4+ hours tutorial
4:16:10
The Codeholic
Рет қаралды 43 М.
狼来了的故事你们听过吗?#天使 #小丑 #超人不会飞
00:42
超人不会飞
Рет қаралды 56 МЛН
Eccentric clown jack #short #angel #clown
00:33
Super Beauty team
Рет қаралды 22 МЛН
Understanding Svelte (vs React)
5:19
Kodaps Academy
Рет қаралды 30 М.
Vue vs Svelte: The Battle Of The JavaScript Frameworks
29:53
Program With Erik
Рет қаралды 51 М.
Controller support and interaction
chris biscardi
Рет қаралды 17
Svelte Crash Course
1:20:52
Traversy Media
Рет қаралды 226 М.
MeetAir - Create Firebase Project | SpaGreen Creative
0:46
SpaGreen Creative
Рет қаралды 1,5 М.
Ladybird browser update (May 2024)
13:51
Andreas Kling
Рет қаралды 4,4 М.
React VS Svelte...10 Examples
8:35
Beyond Fireship
Рет қаралды 514 М.
Astro Crash Course in 20 Minutes!
22:07
Coding in Public
Рет қаралды 51 М.
SvelteKit is my mistress
4:19
Fireship
Рет қаралды 410 М.
WHY IS A CAR MORE EXPENSIVE THAN A GIRL?
0:37
Levsob
Рет қаралды 3,2 МЛН
Куда мы с Никой поехали?
0:41
Привет, Я Ника!
Рет қаралды 1,1 МЛН