Mike dev
Mike dev
  • 20
  • 98 727
Svelte fundamentals - full course
Github:
github.com/michaelDonchenko/svelte-course
timestamps:
00:00 intro
00:59 what is svelte? hello world
07:09 fundamentals
19:09 logic and rendering
23:24 bindings
29:24 stores + context
37:13 todo app
47:36 outro
zhlédnutí: 298

Video

Nextjs 13 complete course / Next Auth review
zhlédnutí 149Před rokem
Final video on the series until Nextjs becoming little bit more stable :)
Nextjs 13 complete course / Rest API
zhlédnutí 300Před rokem
git repo link: github.com/michaelDonchenko/nextjs-rest-api
Nextjs 13 complete course / data fetching
zhlédnutí 160Před rokem
Repo link: github.com/michaelDonchenko/next-data-fetching
Nextjs 13 complete course / routing
zhlédnutí 198Před rokem
Next.js 13's routing system. Learn how to take advantage of the improved dynamic routing capabilities, new route-level data fetching options, and optimized page transitions for smoother user experiences.
Learn TailwindCSS in just few days
zhlédnutí 495Před rokem
Tailwind CSS is a popular utility-first CSS framework designed to simplify and streamline the process of building modern, responsive websites and web applications. Here's a summary of Tailwind CSS: Utility-first approach: Tailwind CSS follows a unique utility-first approach, where instead of relying on pre-defined components, developers create user interfaces by applying small utility classes d...
Connect four game in React - frontend mentor advanced project
zhlédnutí 591Před rokem
Github link: github.com/michaelDonchenko/connect-four-react Memory game: czcams.com/video/uSOmSdvOTFc/video.html&ab_channel=Mikedev
Memory game with React - advanced frontend mentor project
zhlédnutí 525Před rokem
Github link: github.com/michaelDonchenko/memory-game Game link: memory-game-pink-omega.vercel.app/
A complete form validation with Zod and React hook form
zhlédnutí 3,4KPřed rokem
Welcome to our technical video where we explore the seamless integration of Zod, React Hook Form, and Material UI to optimize form development. Join us as we dive into the practical implementation of these powerful libraries and witness how they enhance the creation of robust, user-friendly forms with the help of Material UI components. We start by introducing Zod, a TypeScript-first schema val...
TypeScript Masterclass - beyond junior level
zhlédnutí 6KPřed rokem
Repository link: github.com/michaelDonchenko/typescript-full-course TypeScript is a programming language and a superset of JavaScript, designed to address the challenges faced by developers working on large-scale projects. It brings static typing to JavaScript, enabling developers to catch errors early during the development process and improve code maintainability and collaboration. TypeScript...
Realtime Chat App - WhatsApp functionality clone full course
zhlédnutí 1,4KPřed rokem
In my latest CZcams video, I showcase an exciting real-time chat app that I built using Node.js, Express, Socket.io, and React. The app is designed to replicate the familiar and user-friendly functionality of WhatsApp, making it easy for users to connect and chat in real-time. The video starts with an introduction to the app's features, including the ability to create user accounts, add contact...
Building a Scalable GraphQL Server with Node.js, Express, and Apollo Server in 2023
zhlédnutí 9KPřed rokem
Are you looking to build a scalable GraphQL server using the latest technologies and best practices? Look no further! In this video, we'll walk you through the process of building a robust GraphQL server using Node.js, Express, and Apollo Server. We'll start by explaining the benefits of using GraphQL and why it's become the go-to solution for modern API development. Then, we'll dive into the c...
React developer tries Svelte, the future of frontend web?
zhlédnutí 726Před rokem
Svelte is a modern JavaScript framework that makes it easy to build fast, lightweight web applications. Unlike other frameworks that rely on virtual DOM (a lightweight in-memory representation of the actual DOM), Svelte converts your components into optimized, standalone JavaScript modules at build time, resulting in smaller bundle sizes and faster load times. Svelte also uses a template-based ...
React & Next.js SSR with GraphQL and Typescript
zhlédnutí 4,7KPřed rokem
Let's learn Next.js with SSR and Graphql by using Rick and Morty Graphql api. What we are going to learn in this video: React Next.js and SSR GraphQL and Apollo client Typescript Graphql playground Styled components Typescript generics Advanced project structure Finished project link: rick-morty-api-nextjs.vercel.app/ Github: github.com/michaelDonchenko/rick-morty-api-nextjs p.s Please comment ...
Nest.js - full authentication course
zhlédnutí 33KPřed 2 lety
Nest JS authentication project build with Nestjs, Prisma, Postgresql, JWT and cookies. Github repo: github.com/michaelDonchenko/nestjs-auth-boilerplate
Advanced React - App performance
zhlédnutí 368Před 2 lety
Advanced React - App performance
React junior project - Pokemons App
zhlédnutí 834Před 2 lety
React junior project - Pokemons App
Frontend web development home assignment (React)
zhlédnutí 1,2KPřed 2 lety
Frontend web development home assignment (React)
PERN authentication full course (frontend)
zhlédnutí 10KPřed 2 lety
PERN authentication full course (frontend)
PERN authentication full course (backend)
zhlédnutí 25KPřed 3 lety
PERN authentication full course (backend)

Komentáře

  • @charlesokorobo508
    @charlesokorobo508 Před 23 dny

    To Do App is a nonsense project to spend all the muscle memory of Svelte on. I can already build a To Do App with pure JavaScript. Why would I want to learn HTML, CSS, JavaScript, and after all these, learn Svelte-- just to build a To Do App? Please expand your Tutorial to build a Facebook clone. Many React tutorials are spent creating a Facebook, Instagram, CZcams, and so on clones. We don't want to learn a whole Svelte framework because we want to use it to build a To Do App. We want to learn Svelte because we want to use it to build real world Projects like a Facebook clone. Give us tutorial on how to build Facebook clone with Svelte. Regards.

  • @Artur-pj2vl
    @Artur-pj2vl Před měsícem

    very helpful tutorial about apollo graphql !

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

    dude great video but damn why are you so slow

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

    I feel like you could keep the service lvl cleaner like this: in sign in logic, you didn't have to pass req and res to the service level and could've handled as follows: At the service level: async sign-in(dto) { ...The rest of your code return token; } And then at the controller level: async sign-in(dto, req, res) { const token = await this.authService.sign-in(dto) req.cookie("jwt", token, {...Your cookie options}). }

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

    Very nice! Thank you for this tutorial! I plan on expanding upon it for a personal project 😃 One thing I will add is that my setup needed me to define the Mutation in the schema for the graphql/index.ts file. Without it the server threw an exception and it would not start. I'm not sure how it worked for you in this video 🤔but nevertheless, it was easy to solve.

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

    Not a good idea to assign a date field a default value of undefined. You should either set it to now ( the current date) or the minimum allowed date (in this case minimum allowed age).

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

    Extremely helpful. Now I have a template to work with that I understand and am confident using.

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

    Oh I love it, thanks! And your voice is really calming 😍

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

    brother I was struggling when implementing the date, I was using MUI date picker, it was making me so confuse and the validation was not working properly. The way you make it works perfect =) thanks! The only thing is that RHF docs says its not recommended to use undefined as defaultValue

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

    can you add images?

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

    We need more PERN in our life cheers 🙌🏻

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

    Very good course <3

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

    please link to repo, thanks for the video!

  • @mikefrancis9424
    @mikefrancis9424 Před 7 měsíci

    Fantastic course. Will be using this to help me implement auth functions in a new project I'm building. Thank you!

  • @BukkyOdunsi
    @BukkyOdunsi Před 7 měsíci

    I'd follow you to the end of the world for this tutorial 🎉❤

  • @MuhammadAbubakar-kg1bd
    @MuhammadAbubakar-kg1bd Před 7 měsíci

    Solved the problem! Thanks😊

  • @vineetguptagwl
    @vineetguptagwl Před 8 měsíci

    Please make a Playlist of nest js

  • @tedogirma
    @tedogirma Před 9 měsíci

    Thanks Men

  • @claytorresgaming7212
    @claytorresgaming7212 Před 9 měsíci

    Thank you for this video! Now unto the client side! Cheers! 🍻

  • @msaliuk
    @msaliuk Před 9 měsíci

    Suoer

  • @hafiz2047
    @hafiz2047 Před 10 měsíci

    Please make amazon clone

  • @stevenmelendez6683
    @stevenmelendez6683 Před 10 měsíci

    eres el mejor, explicas muy bien.

  • @GameVerse215
    @GameVerse215 Před 10 měsíci

    are you going make video on postgres sequelize and react ... fullstack... ?

  • @mdhasanmia474
    @mdhasanmia474 Před 11 měsíci

    how to use myuser api for fetching data... i get error unauthorised when i call from react frontend, i set token in token in cokies using jwt-token, then pass it by headers .. but not work.please give a axios example.. its urgent

  • @mumk
    @mumk Před 11 měsíci

    I'm still not done building with this, hopefully soon😋

  • @pradeepweerasinghe4201
    @pradeepweerasinghe4201 Před 11 měsíci

    This is great, it would have been easier for us to navigate if you provided few timestamp.

  • @justiceessiel6123
    @justiceessiel6123 Před 11 měsíci

    why did you stop the series

  • @somtoobienu5081
    @somtoobienu5081 Před 11 měsíci

    Thank you so much for this tutorial. You are a great teacher and a life saver. I am grateful. Keep it up

  • @onrightside
    @onrightside Před rokem

    what terrible thing happened to your mic ;)

  • @victorlee5778
    @victorlee5778 Před rokem

    Hi bud very comprehensive videos could you include the respo link too?

    • @mikedev4673
      @mikedev4673 Před rokem

      oh I think I forgot to open repo, will do it tomorrow

  • @viveksharma-uk2jg
    @viveksharma-uk2jg Před rokem

    can i create server.ts file as well ..??

    • @mikedev4673
      @mikedev4673 Před rokem

      sure just change your imports accordingly

  • @murtadanazar
    @murtadanazar Před rokem

    Dude, put the course into a playlist. Please ❤

    • @mikedev4673
      @mikedev4673 Před rokem

      yea sure, anyway I think I will post just one more video regarding authentication and will cut it Nextjs is still garbage and I will not continue using it.

    • @murtadanazar
      @murtadanazar Před rokem

      @mikedev4673 Well, how about nestjs? Are you going to publish more courses about it

    • @mikedev4673
      @mikedev4673 Před rokem

      @@murtadanazar yes I want to start a project soon with nest + sveltekit

    • @murtadanazar
      @murtadanazar Před rokem

      @mikedev4673 This would be really cool. Well, we are waiting for you, and I have a suggestion for you. Can you use Type ORM? In the project and make it a microservess or use GraphQL for the api

    • @mikedev4673
      @mikedev4673 Před rokem

      @@murtadanazar from what I remember I saw in the benchmarks that Type ORM and Prisma are pretty equal in terms of performance so I did not bother to learn it (as Prisma is already very developer friendly), regarding GraphQL I need to see how the meta frameworks can handle it with all the server side render and stuff so need to see if Sveltekit / Next are capable of working with it properly. Microservices can be an interesting topic I will consider.

  • @swatantramishra7826

    Is the vdo not Available?

  • @AirdropsWhitelistHub

    thank you bro, really helpful

  • @devworks8787
    @devworks8787 Před rokem

    One of the best tutorials I was looking for. Subbed!

  • @brunogustavokilian
    @brunogustavokilian Před rokem

    Great vídeo man keep on doing it 🚀

  • @AirdropsWhitelistHub

    Nice job bro!

  • @mikedev4673
    @mikedev4673 Před rokem

    github.com/michaelDonchenko/graphql-server-template github link

    • @PrajwalBati
      @PrajwalBati Před rokem

      Link is broken. e is missing at the end of the link

    • @mikedev4673
      @mikedev4673 Před rokem

      @@PrajwalBati great catch, thanks

  • @user-vy2gt8mx4v
    @user-vy2gt8mx4v Před rokem

    very organized. Thanks for your share. Could you please link the source code somewhere next time?

    • @mikedev4673
      @mikedev4673 Před rokem

      sure, probably forgot to paste a link

  • @arsyadzain6758
    @arsyadzain6758 Před rokem

    Ignore this, for rewatch purpose only 2. Narrowing 27:07 3. Functions 47:36 4. Classes 1:09:19 5. Generics 1:16:48 6. Conditional-types 1:27:59 7. Utility-types 1:34:45

  • @baldmannnnn
    @baldmannnnn Před rokem

    HI mike! What is the database that you are using in this course?

  • @shanemarchan658
    @shanemarchan658 Před rokem

    not an understatement when I say this is the best typescript tutorial on youtube. straight to the point, includes examples and explanation. the best part about this is you did not waste time writing each example first which can make videos painfully long. This was a great refresher for me, thank you and keep it going. +subbed

    • @mikedev4673
      @mikedev4673 Před rokem

      Thank you for the nice comment, glad you liked it.

  • @s0ulweaver
    @s0ulweaver Před rokem

    Explanation could have been better. Perhaps by re writing each example in JavaScript first and then achieving the given typescript version. It was very confusing most of the time.

    • @mikedev4673
      @mikedev4673 Před rokem

      Sorry for the confusion it was meant for more advanced devs that are familiar with the basics, there are many other beginner friendly courses on youtube 🙏

    • @s0ulweaver
      @s0ulweaver Před rokem

      @@mikedev4673 no need to apologize as you've clearly mentioned in the video title "beyond junior level" - which I am. I've 6 months front-end developer commercial experience in React with typescript and next js. So either you are referring to 3-5 years experienced devs as 'beyond junior' or the explanations are really not upto the mark. I just believe it's the latter but I maybe wrong. In that case there is clearly a skill gap between what I am and what I think I am. But mostly not, because I know the js, React, type hint and many general concepts very well

  • @janvincentclaudio4237

    I tried to add manually the isAuth : true in localStorage and it's accessing the dashboard and stays in ...loading

    • @mikedev4673
      @mikedev4673 Před rokem

      Interesting .. maybe you found a bug

  • @mumk
    @mumk Před rokem

    okay I didn't know that typescript have tuple type lol

    • @mikedev4673
      @mikedev4673 Před rokem

      Yea it’s less common but a cool one to know

  • @geralt9036
    @geralt9036 Před rokem

    Thank you for this. Getting everything ready, it's gonna be a good night :D

  • @coderegtech4492
    @coderegtech4492 Před rokem

    can you do it with refreshToken?

    • @mikedev4673
      @mikedev4673 Před rokem

      It is quite an overkill but I will consider making a real project and include that

  • @user-ji7sm5hw1j
    @user-ji7sm5hw1j Před rokem

    Greate job! Need frontend with NextJS to this backend and rename fullstack to PPNN(Postgress+Prisma+Nest+Next). Patent plz :)

    • @mikedev4673
      @mikedev4673 Před rokem

      It's actually made me laugh lol, but a good idea I will consider making a real project with this stuck not just authentication

  • @michaelo4002
    @michaelo4002 Před rokem

    I just started learning PostgreSQL and this was massively helpful. I went on to build a fullstack jobs management application using this tutorial. I encountered a small issue I am hoping you can help me with. I created all the routes and I am generating and passing the token through the cookie. On my local environment, when a user logs in, the token is saved in the cookie and then the user can go ahead to make other api requests but when I deploy my site on cloud management tools like Render or Railway which hosts a static build file of my frontend, when the site is live and a user logins in, the token is no longer generated and saved in the cookie so I cannot perform api requests that require authentication. I was hoping you can help me explain this. Thank you

    • @mikedev4673
      @mikedev4673 Před rokem

      Maybe try to look for cookie policies online I don’t remember the options but you have to specify some options if you pass the cookie from different frontend url to your backend

  • @That449
    @That449 Před rokem

    Hello , i followed your backend Pern auth video, but I have a bug , what do you recommend for debugging?