- Видео 20
- Просмотров 100 466
Mike dev
Израиль
Добавлен 31 мар 2021
Hello my name is Michael I am a self taught full stack web developer.
This channel is created to help us all become better developers together.
This channel is created to help us all become better developers together.
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
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
Просмотров: 303
Видео
Nextjs 13 complete course / Next Auth review
Просмотров 152Год назад
Final video on the series until Nextjs becoming little bit more stable :)
Nextjs 13 complete course / Rest API
Просмотров 300Год назад
git repo link: github.com/michaelDonchenko/nextjs-rest-api
Nextjs 13 complete course / data fetching
Просмотров 160Год назад
Repo link: github.com/michaelDonchenko/next-data-fetching
Nextjs 13 complete course / routing
Просмотров 200Год назад
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
Просмотров 497Год назад
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
Просмотров 617Год назад
Github link: github.com/michaelDonchenko/connect-four-react Memory game: ruclips.net/video/uSOmSdvOTFc/видео.html&ab_channel=Mikedev
Memory game with React - advanced frontend mentor project
Просмотров 546Год назад
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
Просмотров 3,5 тыс.Год назад
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
Просмотров 6 тыс.Год назад
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
Просмотров 1,4 тыс.Год назад
In my latest RUclips 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 contac...
Building a Scalable GraphQL Server with Node.js, Express, and Apollo Server in 2023
Просмотров 9 тыс.Год назад
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?
Просмотров 728Год назад
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
Просмотров 4,7 тыс.2 года назад
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
Просмотров 34 тыс.2 года назад
Nest JS authentication project build with Nestjs, Prisma, Postgresql, JWT and cookies. Github repo: github.com/michaelDonchenko/nestjs-auth-boilerplate
Frontend web development home assignment (React)
Просмотров 1,2 тыс.2 года назад
Frontend web development home assignment (React)
PERN authentication full course (frontend)
Просмотров 10 тыс.2 года назад
PERN authentication full course (frontend)
PERN authentication full course (backend)
Просмотров 25 тыс.3 года назад
PERN authentication full course (backend)
Thank you for excellent video with a lot of useful info!
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, RUclips, 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.
very helpful tutorial about apollo graphql !
dude great video but damn why are you so slow
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}). }
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.
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).
Extremely helpful. Now I have a template to work with that I understand and am confident using.
Oh I love it, thanks! And your voice is really calming 😍
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
can you add images?
We need more PERN in our life cheers 🙌🏻
Very good course <3
please link to repo, thanks for the video!
Fantastic course. Will be using this to help me implement auth functions in a new project I'm building. Thank you!
I'd follow you to the end of the world for this tutorial 🎉❤
Solved the problem! Thanks😊
Please make a Playlist of nest js
Thanks Men
Thank you for this video! Now unto the client side! Cheers! 🍻
Suoer
Please make amazon clone
eres el mejor, explicas muy bien.
are you going make video on postgres sequelize and react ... fullstack... ?
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
I'm still not done building with this, hopefully soon😋
This is great, it would have been easier for us to navigate if you provided few timestamp.
why did you stop the series
Thank you so much for this tutorial. You are a great teacher and a life saver. I am grateful. Keep it up
what terrible thing happened to your mic ;)
hmm, what do you mean? :)
Hi bud very comprehensive videos could you include the respo link too?
oh I think I forgot to open repo, will do it tomorrow
can i create server.ts file as well ..??
sure just change your imports accordingly
Dude, put the course into a playlist. Please ❤
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.
@mikedev4673 Well, how about nestjs? Are you going to publish more courses about it
@@murtadanazar yes I want to start a project soon with nest + sveltekit
@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
@@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.
Is the vdo not Available?
vdo?
thank you bro, really helpful
One of the best tutorials I was looking for. Subbed!
Great vídeo man keep on doing it 🚀
Nice job bro!
github.com/michaelDonchenko/graphql-server-template github link
Link is broken. e is missing at the end of the link
@@PrajwalBati great catch, thanks
very organized. Thanks for your share. Could you please link the source code somewhere next time?
sure, probably forgot to paste a link
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
HI mike! What is the database that you are using in this course?
Pretty sure it was postgres
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
Thank you for the nice comment, glad you liked it.
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.
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 🙏
@@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
I tried to add manually the isAuth : true in localStorage and it's accessing the dashboard and stays in ...loading
Interesting .. maybe you found a bug
okay I didn't know that typescript have tuple type lol
Yea it’s less common but a cool one to know
Thank you for this. Getting everything ready, it's gonna be a good night :D
can you do it with refreshToken?
It is quite an overkill but I will consider making a real project and include that
Greate job! Need frontend with NextJS to this backend and rename fullstack to PPNN(Postgress+Prisma+Nest+Next). Patent plz :)
It's actually made me laugh lol, but a good idea I will consider making a real project with this stuck not just authentication
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
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