![Miguel Vieira](/img/default-banner.jpg)
- Видео 29
- Просмотров 51 733
Miguel Vieira
Португалия
Добавлен 24 апр 2023
Embrace the Art of Programming
Javascript Introduction Course (2024)
Welcome to the Introduction course of Javascript!
This course will cover everything you need to know about the basics of one of the most used programming languages.
Not only will you learn the syntax but also its use cases and in what fields of computer science you can tackle with this language.
You don't need prior programming experience in order to take this course, simply motivation, a machine to run your code and a internet connection. Also, if you're already an experienced web developer you might find some information on this course useful for your career so give it a try!
Course Files: miguelvieira.io/courses/rjrNyBxyIHAeZ7eHmZ5p
Website: miguelvieira.io
Facebook: miguelvieir...
This course will cover everything you need to know about the basics of one of the most used programming languages.
Not only will you learn the syntax but also its use cases and in what fields of computer science you can tackle with this language.
You don't need prior programming experience in order to take this course, simply motivation, a machine to run your code and a internet connection. Also, if you're already an experienced web developer you might find some information on this course useful for your career so give it a try!
Course Files: miguelvieira.io/courses/rjrNyBxyIHAeZ7eHmZ5p
Website: miguelvieira.io
Facebook: miguelvieir...
Просмотров: 1 241
Видео
HTML & CSS Introduction Course (2024)
Просмотров 436Месяц назад
Welcome to the Introduction course of HTML & CSS! This course has everything you need to start your web development journey and it will give you the tools necessary to start building your own websites from scratch. You don't need prior programming experience in order to take this course, simply motivation, a machine to run your code and a internet connection. Also, if you're already an experien...
Full Stack Netflix Clone in SolidJS, Tailwind CSS, Firebase & Stripe Subscriptions (2024)
Просмотров 5812 месяца назад
Build a fullstack Netflix clone using SolidJS as the front-end framework together with Tailwind CSS to speed up development, Firebase as the cloud back-end provider as well as setting up the Firebase emulator to test everything locally and Stripe to create and manage user's subscriptions to access different kinds of content. All components and pages will be made from scratch without the use of ...
Performing a bullet proof crypto trade
Просмотров 1112 месяца назад
Learn how a sandwich attack works and how to protect it using bundles. Website: miguelvieira.io Facebook: miguelvieiracode Instagram: miguelvieiracode Twitter: miguelvieiradev TikTok: www.tiktok.com/@UC7Fny1_F5yEtq eGioPRDA LinkedIn: www.linkedin.com/company/miguelvieiracode
DatePicker from scratch
Просмотров 1,1 тыс.3 месяца назад
Build a Datepicker from scratch using SolidJS and TailwindCSS. Not only will it have a clean developer interface but also support multiple and range dates. Code: miguelvieira.io/projects/2jnv2kE47qnUaVWAX4zo Website: miguelvieira.io Facebook: miguelvieiracode Instagram: miguelvieiracode Twitter: miguelvieiradev TikTok: www.tiktok.com/@UC7Fny1_F5yEtq eGioPR...
Timepicker From Scratch
Просмотров 2075 месяцев назад
Let's build together a dynamic timepicker from scratch using SolidJS and TailwindCSS Code: miguelvieira.io/projects/mYj3W6bmUfY7JkoVfZ6f Website: miguelvieira.io Facebook: miguelvieiracode Instagram: miguelvieiracode Twitter: miguelvieiradev TikTok: www.tiktok.com/@UC7Fny1_F5yEtq eGioPRDA LinkedIn: www.linkedin.com/company/miguelvieiracode 00:00 Demonstrat...
Tags Form from scratch
Просмотров 6695 месяцев назад
Building an asynchronous tags form with key events from scratch using SolidJS and Tailwind! Code: miguelvieira.io/projects/Q6yZqp2rotuxRucxlwiY Website: miguelvieira.io Facebook: miguelvieiracode Instagram: miguelvieiracode Twitter: miguelvieiradev TikTok: www.tiktok.com/@UC7Fny1_F5yEtq eGioPRDA LinkedIn: www.linkedin.com/company/miguelvieiracode 00:00 Dem...
Handling user roles is not that simple on Next.js using Firebase.
Просмотров 7 тыс.8 месяцев назад
Here's a super easy guide on how to handle users and user roles in a Next.js app using Firebase. This video covers a bunch of cool stuff, like setting up the project, creating pages, adding a navbar, getting items from an API, fetching items from Firestore as an admin, setting up sign-in with Google, creating user roles, routing pages based on roles, and fetching data based on roles. Oh, and it...
CSR vs SSR: Is one truly better than the other?
Просмотров 2708 месяцев назад
This video discusses the differences between client-side rendering (CSR) and server-side rendering (SSR) in web development. It explores the advantages and disadvantages of each approach and demonstrates how to use both methods using Next.js. It covers topics such as rendering speed, search engine optimization (SEO), security, and interactivity. Website: miguelvieira.io Facebook: m...
How you can build a scalable server-side application using Nestjs.
Просмотров 3608 месяцев назад
Learn about NestJS, one of the most widely used tools in enterprises. Nest (NestJS) is a framework that allows developers to build efficient and scalable Node.js server-side applications. It provides a ready-to-use application architecture, enabling developers and teams to create highly testable, scalable, loosely coupled, and easily maintainable applications. Website: miguelvieira.io Facebook:...
Create a Fully Functional Backend in Seconds Using Pocketbase!
Просмотров 3,9 тыс.9 месяцев назад
Learn what Pocketbase is and how it can help you create and set up a backend in seconds, so you can easily build and prototype applications. Angular, Pocketbase and Tailwind for Fast Web App Prototyping: miguelvieira.io/blog Website: miguelvieira.io Facebook: miguelvieiracode Instagram: miguelvieiracode Twitter: miguelvieiradev TikTok: www.tiktok.com/@UC7F...
I built an AI in the browser using tensorflow for javascript
Просмотров 4509 месяцев назад
Build your very own custom AI solutions in the browser using tensorflow for javascript. MNIST Dataset javascript file: storage.googleapis.com/tfjs-tutorials/mnist_data.js Website: miguelvieira.io Facebook: miguelvieiracode Instagram: miguelvieiracode Twitter: miguelvieiradev TikTok: www.tiktok.com/@UC7Fny1_F5yEtq eGioPRDA LinkedIn: www.linkedin.com/company...
BUN is FUN
Просмотров 3179 месяцев назад
Bun 1.0 is out! Let's see what it is capable of. Website: miguelvieira.io Facebook: miguelvieiracode Instagram: miguelvieiracode Twitter: miguelvieiradev TikTok: www.tiktok.com/@UC7Fny1_F5yEtq eGioPRDA LinkedIn: www.linkedin.com/company/miguelvieiracode 00:00 What is BUN? 00:18 Features 01:09 Install 01:15 Monorepo 01:50 Server 03:16 Frontend Client 04:06 ...
App Stores Should Be Afraid Of Progressive Web Apps.
Просмотров 1,7 тыс.10 месяцев назад
App Stores Should Be Afraid Of Progressive Web Apps.
Unlocking the Power of Websockets for Real-Time Communication
Просмотров 43410 месяцев назад
Unlocking the Power of Websockets for Real-Time Communication
Build a Node Based Flow Editor From Scratch!
Просмотров 13 тыс.10 месяцев назад
Build a Node Based Flow Editor From Scratch!
The Shadow Will Save Your Code... Here's Why
Просмотров 16510 месяцев назад
The Shadow Will Save Your Code... Here's Why
10 Chrome Tips To Improve Your Development Experience
Просмотров 10811 месяцев назад
10 Chrome Tips To Improve Your Development Experience
You Need To Learn This Authentication Method
Просмотров 4,9 тыс.11 месяцев назад
You Need To Learn This Authentication Method
What's The Idea Behind package.json?
Просмотров 54211 месяцев назад
What's The Idea Behind package.json?
Create Amazing Animations For Your Modals With SolidJS!
Просмотров 374Год назад
Create Amazing Animations For Your Modals With SolidJS!
Bro this is so good wish it was in Reactjs
This is a super helpful video. Next.js and Firebase don't have a good tutorial to understand how to integrate them together. All the information is in doc but it is very hard to find it when doing this all for the first time. The idea of creating client.ts and server.ts files to distinguish client-side and server-side configs is great.
I am wondering how can we achieve a scenario where we can click on the first block and add some configurations and when we connect the first block to the second block, all of the configured properties can be passed down to second block. Is this possible ?
This is the best Netflix clone tutorial i have seen..great job Miguel.. I would like to see at some point a similar project using nextjs and firebase.. You're the man!
HOW CAN WE DO THIS FOR SERVER ACTIONS?
nice!
The algorithm did a good job, thank you for the tutorial!
I wouldn't mistake this for a popular million view course, great job!
Earned a sub!
Is it possible to use this approach to make calls to 'Callable' functions created in the Firebase functions code
Yes
i wonder if its me or is there anyone els that gets "Error HH600: Compilation failed" on balanceOf?
Can you please create a video on integrating Stripe to grant access to our pro features
You can check an example on my netflix’s clone video
@@miguelvieiracode man, create a SaaS boilerplate with Next.js 14, Firestore/Firebase Auth, Stripe and some Email sending service and I'll buy it
awesome content. Thanks man ❤❤
Can you make another video with easier method?
Hola Miguel! Gracias por tu contenido. Una pregunta, ¿Cómo puedo utilizar el simulador de Firebase si mis "Environmental Variables" no son reconocidas. Sigo obteniendo este error donde "NEXT_PUBLIC_APP_ENV='emulator'", (no es un comando externo o interno deconocido) ya intenté todo pero no funciona... agradecería enormemente tu ayuda
try script this way "dev": "set NEXT_PUBLIC_APP_ENV=emulator&& next dev",
well explained and useful, thanks sir
It took me a while to grasp the concepts. Very well job Miguel.
what happens with the firebase rules? i need that.
Thank you very much for tutorial and i need to know, How to save and load position shape on mount ? Can you help me for concept or example code please.
Great! Thanks. It is better than ReactFlow licensing :) and zero dependency.
Thanks for giving this quick and fun introduction/overview of Bun. Sounds like something I will test and use pretty soon =)
Amazing! I did this in Vue 3 while watching, it was very easy to follow and a great experience to compare the differences e similarities. Thank you so much for the time and effort put in this video, it's much appreciated.
Hey ,can you provide me with the source code of your project with vue 3 plz
You have no idea how much I had to browse to find this. THANK YOU!
Isn't using the Auth provider as 'use clien' makes all the children pages client side also ?
No it doesn’t . Only the component where you use it becomes a client component. The way provider works, it takes a children props in the root architecture and clients component on the other-hand are assigned not based on the architecture of your project rather on where it is being used.
@@babatundetaiwo5184 yeah, tried my self doing a React provider and is as you mentioned. Thanks!
Absolutely fantastic tutorial! I'm currently implementing this in svelte+tailwind. Really great job ❤
Im interested on channel
can you recreate this in react, because as react developer quite difficult for me to understand as well as i do not know anything about solid so... please recreate this your react js developers plz..
It is great, learned a lot Could you create a "Day View" feature of Google Calendar from scratch?!!
I am fan man, this is really nice. Well done
Hi Miguel, great tutorial. I just have a question (newish to next.js) when you wrap the children with the AuthProvider (which is client component) in the Root Layout doesn’t that make the whole app client component? From what I understand any children of client component become client component?
I was looking for this comment😢 I had the same thoughts.
No it doesn’t . Only the component where you use it becomes a client component. The way provider works, it takes a children props in the root architecture and clients component on the other-hand are assigned not based on the architecture of your project rather on where it is being used.
@@amosdaniel237 No it doesn’t . Only the component where you use it becomes a client component. The way provider works, it takes a children props in the root architecture and clients component on the other-hand are assigned not based on the architecture of your project rather on where it is being used.
Thanks. Saw other videos but they were doing things on the client side. One question related to nextjs. Is it okay copy the firebase/functions folder inside nextjs. Like can it be bundled to the frontend and increase security risks or bundle size?
Hi, How can I implement this but still be able to use firestore realtime updates in my client components
I’d like to see when adding nodes be able to add different types. Also grouping. Select and name a group. I particularly want to build a menu for input and output nodes. I want to send and receive OpenAI request using their api. So one node type will be a text input. It connects to the node that will be an ai node for input and output. And the third node would be text output of what was received. Three nodes in that setup. Also in general I would have nodes that execute Python. functions. But it gets more and more advanced I know react flow can do this but I like this whole coding from scratch. I feel like I can do more with less library’s already built. Doing it yourself just makes it better right 😊
Way Good, thanks!
Role are based on email string here! But, could be bettter to have a dinamic way to set if is pro or admin.
You can implement the same for pro as admin using custom auth claims.
THANKS.. I waste a lot of time with next auth + credentials.. and was a madness..
Thanks for sharing this. It's helped me tremendously.
Can you bring a video on the website builder from scratch?
Bom trabalho...Miguel, seria possivel criares um tutorial em como conseguir rastrear um hacker/scammer nas blockchains através do ip ou outro método que não seja apenas analisando as transacções no blockexplorer? Agradecido
Dude you are teaching people to steal!!
RUclips should ban you.
I d like more of firebase+ next.js videos!!
Jesus Thank you
Can you use websockets for communication between 2 clients? Like a voice chat application?
great dude
Thank you Miguel, this is very helpful! Is this the safest way to handle auth with Firebase?
safest and easier next-auth but the documentation is crap and they changed many things bewteen v3 and v4 and v4 is poorly documented
Thank you so much for the tutorial on react flow! What will be the strategy to integrate react flow with backend? I have one request for your next video. From documentation I came to know that we can create custom nodes which will connect with external 3rd party data sources like mongodb or SaaS platforms like Salesforce/ Gmail etc within react flow.. If we take one business problem like When we receive gmail then we want to create record in mongodb. To solve these kind of problems what will be our approach/strategy to run the complete flow and how do we handle trigger conditions. How do we call oauth based external api from flow elements? It will be really helpful if you create one example video on real time integration scenario. Thank you again for taking time to explain these concepts.
hello i am relatively new to react and i am trying to build a nextjs application for a project. Is it possible to implement this on nextjs as well?
Yes, absolutely!
This is a well made tutorial!
Thanks!
you could have used react-flow
The point of the video is to learn how to implement something like react-flow from scratch, not how to use it
When will there be a second part? fantastic, congratulations
What would you like to see in the second part?