Miguel Vieira
Miguel Vieira
  • Видео 29
  • Просмотров 51 733
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...
Просмотров: 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 ...
How to HACK a smart contract
Просмотров 10 тыс.9 месяцев назад
How to HACK a smart contract
App Stores Should Be Afraid Of Progressive Web Apps.
Просмотров 1,7 тыс.10 месяцев назад
App Stores Should Be Afraid Of Progressive Web Apps.
Redux State Management Made Easy
Просмотров 24310 месяцев назад
Redux State Management Made Easy
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
This Is Why Your Code Is SLOW
Просмотров 43611 месяцев назад
This Is Why Your Code Is SLOW
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?
Make Everyone’s Code Pretty
Просмотров 9211 месяцев назад
Make Everyone’s Code Pretty
Record Audio With Javascript
Просмотров 2 тыс.Год назад
Record Audio With Javascript
Create Amazing Animations For Your Modals With SolidJS!
Просмотров 374Год назад
Create Amazing Animations For Your Modals With SolidJS!
Build Your Own Navigation Bar
Просмотров 169Год назад
Build Your Own Navigation Bar

Комментарии

  • @no_name-we5bq
    @no_name-we5bq 12 часов назад

    Bro this is so good wish it was in Reactjs

  • @hiper2d
    @hiper2d День назад

    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.

  • @panu1990
    @panu1990 3 дня назад

    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 ?

  • @dimpav
    @dimpav 24 дня назад

    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!

  • @kushailsingh8400
    @kushailsingh8400 Месяц назад

    HOW CAN WE DO THIS FOR SERVER ACTIONS?

  • @troglodylethol
    @troglodylethol Месяц назад

    nice!

  • @mirquas22
    @mirquas22 Месяц назад

    The algorithm did a good job, thank you for the tutorial!

  • @notmaach4482
    @notmaach4482 Месяц назад

    I wouldn't mistake this for a popular million view course, great job!

  • @Sam-zn5nz
    @Sam-zn5nz Месяц назад

    Earned a sub!

  • @gilbertonuzuruike1735
    @gilbertonuzuruike1735 Месяц назад

    Is it possible to use this approach to make calls to 'Callable' functions created in the Firebase functions code

  • @LORDWASEEMMALIK
    @LORDWASEEMMALIK Месяц назад

    i wonder if its me or is there anyone els that gets "Error HH600: Compilation failed" on balanceOf?

  • @ManishShrestha-yz1ye
    @ManishShrestha-yz1ye 2 месяца назад

    Can you please create a video on integrating Stripe to grant access to our pro features

    • @miguelvieiracode
      @miguelvieiracode Месяц назад

      You can check an example on my netflix’s clone video

    • @panosjapan7
      @panosjapan7 Месяц назад

      @@miguelvieiracode man, create a SaaS boilerplate with Next.js 14, Firestore/Firebase Auth, Stripe and some Email sending service and I'll buy it

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

    awesome content. Thanks man ❤❤

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

    Can you make another video with easier method?

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

    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

    • @mogo6798
      @mogo6798 Месяц назад

      try script this way "dev": "set NEXT_PUBLIC_APP_ENV=emulator&& next dev",

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

    well explained and useful, thanks sir

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

    It took me a while to grasp the concepts. Very well job Miguel.

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

    what happens with the firebase rules? i need that.

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

    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.

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

    Great! Thanks. It is better than ReactFlow licensing :) and zero dependency.

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

    Thanks for giving this quick and fun introduction/overview of Bun. Sounds like something I will test and use pretty soon =)

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

    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.

    • @Ayman_youtube
      @Ayman_youtube 15 дней назад

      Hey ,can you provide me with the source code of your project with vue 3 plz

  • @user-ub8ic8dj3m
    @user-ub8ic8dj3m 3 месяца назад

    You have no idea how much I had to browse to find this. THANK YOU!

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

    Isn't using the Auth provider as 'use clien' makes all the children pages client side also ?

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

      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.

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

      @@babatundetaiwo5184 yeah, tried my self doing a React provider and is as you mentioned. Thanks!

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

    Absolutely fantastic tutorial! I'm currently implementing this in svelte+tailwind. Really great job ❤

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

    Im interested on channel

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

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

  • @karthikm.1804
    @karthikm.1804 3 месяца назад

    It is great, learned a lot Could you create a "Day View" feature of Google Calendar from scratch?!!

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

    I am fan man, this is really nice. Well done

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

    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?

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

      I was looking for this comment😢 I had the same thoughts.

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

      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.

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

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

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

    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?

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

    Hi, How can I implement this but still be able to use firestore realtime updates in my client components

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

    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 😊

  • @user-vn3hu9ey6f
    @user-vn3hu9ey6f 4 месяца назад

    Way Good, thanks!

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

    Role are based on email string here! But, could be bettter to have a dinamic way to set if is pro or admin.

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

      You can implement the same for pro as admin using custom auth claims.

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

    THANKS.. I waste a lot of time with next auth + credentials.. and was a madness..

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

    Thanks for sharing this. It's helped me tremendously.

  • @karthikm.1804
    @karthikm.1804 4 месяца назад

    Can you bring a video on the website builder from scratch?

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

    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

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

    Dude you are teaching people to steal!!

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

    I d like more of firebase+ next.js videos!!

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

    Jesus Thank you

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

    Can you use websockets for communication between 2 clients? Like a voice chat application?

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

    great dude

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

    Thank you Miguel, this is very helpful! Is this the safest way to handle auth with Firebase?

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

      safest and easier next-auth but the documentation is crap and they changed many things bewteen v3 and v4 and v4 is poorly documented

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

    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.

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

    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?

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

    This is a well made tutorial!

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

    you could have used react-flow

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

      The point of the video is to learn how to implement something like react-flow from scratch, not how to use it

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

    When will there be a second part? fantastic, congratulations

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

      What would you like to see in the second part?