Justin Brooks
Justin Brooks
  • Видео 61
  • Просмотров 1 442 879
Docker with Nodejs in 5 mins // Docker Tutorial
In today's video, we'll take a look at docker, and look at a practical example by dockerizing a nodejs express application. You'll about the basics concepts of Docker, and why so many developers love it.
#docker #node
✨ SOCIAL ✨
Discord - discord.gg/8Zr5qgtPBc
Twitter - jsbroks
⚡ RESOURCES ⚡
Docker - www.docker.com/
Docker Compose - docs.docker.com/compose/
Kubernetes - kubernetes.io/
Nodejs - nodejs.org/en/
Express Docker Example - nodejs.org/en/docs/guides/nodejs-docker-webapp/
⭐ TIMESTAMPS ⭐
0:00 - Docker
0:21 - What is Docker?
1:38 - Dockerize nodejs
Просмотров: 29 129

Видео

CSS Keyframes Tutorial // Creating a Loading Spinner Animation
Просмотров 3,6 тыс.2 года назад
Today we'll create a learning spinner in CSS to learn about the fundamental concepts of keyframe animations. We'll create 3 different types of keyframe animations and you can use them in any framework and customize them as you like. ✨ SOCIAL ✨ Discord - discord.gg/8Zr5qgtPBc Twitter - jsbroks ⚡ RESOURCES ⚡ GitHub - Coming Soon Animate - developer.mozilla.org/en-US/docs/Web/CSS/anima...
Vue 3 Animations and Transitions Tutorial
Просмотров 9 тыс.3 года назад
Animations can create a smoother and engaging user experience. So today we'll take a look at how we can add animations in Vue and what it has to offer without any external libraries. ✨ SOCIAL ✨ Discord - discord.gg/8Zr5qgtPBc Twitter - jsbroks ⚡ RESOURCES ⚡ Vue Docs - v3.vuejs.org/guide/transitions-enterleave.html ⭐ TIMESTAMPS ⭐ 0:00 - How animations work in Vue 0:52 - Fade transiti...
Animated Navbar using CSS, Vue and Vue Router
Просмотров 69 тыс.3 года назад
Today we'll create a sidebar in Vue that allows you to navigate to different pages with vue-router. You'll learn about the fundamental concepts in Vue like components, navigation, a reactive state, transitions as well as other web development skills, like CSS layouts, animations, icons, and more. ✨ SOCIAL ✨ Website - codingwithjustin.com/ Discord - discord.gg/8Zr5qgtPBc Twitter - js...
Firebase Authentication Tutorial with Private Routes in React and Vue
Просмотров 10 тыс.3 года назад
Today we'll create both a React and Vue application where we use firebase authentication with router guards to allow users to sign in with a custom email address. It will have a total of 3 pages, one for signing up, another for logging, and a home page that is only accessible if the user is authenticated. #Firebase #Auth ✨ SOCIAL ✨ Website - codingwithjustin.com Discord - codingwithjustin.com/d...
8 VSCode Extensions for Fullstack Developers
Просмотров 3,2 тыс.3 года назад
Visual studio code is an extendable editor for building and debugging modern web applications. It's minimal but yet can feel like a featured-packed IDE with the right extensions. Today we'll look at the top extensions that help me in my day-to-day tasks as a full-stack developer. ✨ SOCIAL ✨ Discord - discord.gg/8Zr5qgtPBc Twitter - jsbroks ⚡ RESOURCES ⚡ Thunder Client - marketplace....
5 Fullstack Software Ideas to make money with details included
Просмотров 3,1 тыс.3 года назад
Building projects help you cement ideas you've learned as well as teach you new tools and concepts. In this video, we look at 5 software ideas that can make you money. I hope you found some useful ideas to help you stay motivated and keep learning! ✨ SOCIAL ✨ Discord - discord.gg/8Zr5qgtPBc Twitter - jsbroks ⭐ TIMESTAMPS ⭐ 0:00 - Important of Excution 0:42 - Lending item 1:32 - Poll...
3 Key Steps to Building Software Applications
Просмотров 78 тыс.3 года назад
Creating a software project can be really intimidating. Well today, I'll show you the 3 key steps developers use when building software applications. These key steps are used from small to large companies and once you get these key points down you won't need tutorials to show you step by step guide on how to build an application. #Software ✨ SOCIAL ✨ Discord - discord.gg/8Zr5qgtPBc Twitter - tw...
5 Ways to Fetch Data from an API in Vue 3 Composition API
Просмотров 70 тыс.3 года назад
There are many ways to extract data in Vue, so today, we'll look at 5 ways you can fetch data in your application. We will also look at the new Vue 3 suspense API which tackles this problem differently and create our own composable function to maximize reusability. ✨ SOCIAL ✨ Discord - discord.gg/8Zr5qgtPBc Twitter - jsbroks ⚡ RESOURCES ⚡ Vue 3 Suspense - vueschool.io/articles/vuejs...
7 Important Vue 3 Composition and Composable Functions Explained
Просмотров 30 тыс.3 года назад
7 Important Vue 3 Composition and Composable Functions Explained
React explained for Vue developers in 7 mins
Просмотров 15 тыс.3 года назад
React explained for Vue developers in 7 mins
Vue explained to React Developers in 6 mins
Просмотров 38 тыс.3 года назад
Vue explained to React Developers in 6 mins
Quasar Framework with Vue 3 Composition API - Building a cross platform note app
Просмотров 43 тыс.3 года назад
Quasar Framework with Vue 3 Composition API - Building a cross platform note app
ESLint (and Prettier) Quickstart - Lint your javascipt code the right way
Просмотров 34 тыс.3 года назад
ESLint (and Prettier) Quickstart - Lint your javascipt code the right way
Why you should choose TypeScript in 2021
Просмотров 2,2 тыс.3 года назад
Why you should choose TypeScript in 2021
Vite - Next generation web build tools
Просмотров 13 тыс.3 года назад
Vite - Next generation web build tools
Why you should choose Vue.js in 2021
Просмотров 26 тыс.3 года назад
Why you should choose Vue.js in 2021
Google Maps and Geolocation app using Vue 3 Composition API
Просмотров 31 тыс.3 года назад
Google Maps and Geolocation app using Vue 3 Composition API
Electron with React - Building a desktop applications with React and Electron
Просмотров 173 тыс.3 года назад
Electron with React - Building a desktop applications with React and Electron
Vue 3 with Electron - Building a desktop applications with Vue and Electron
Просмотров 54 тыс.3 года назад
Vue 3 with Electron - Building a desktop applications with Vue and Electron
10 Github repositories every web developer should know
Просмотров 5 тыс.3 года назад
10 Github repositories every web developer should know
Vue 3 for Beginners - Building a tick tac toe game with the Composition API
Просмотров 7 тыс.3 года назад
Vue 3 for Beginners - Building a tick tac toe game with the Composition API
Building a Realtime Chat App with Vue 3 and Firebase in 7 minutes
Просмотров 30 тыс.3 года назад
Building a Realtime Chat App with Vue 3 and Firebase in 7 minutes
Vue 3 and Firebase - Build and deploy a CRUD Application with Vue.js and Firebase
Просмотров 55 тыс.3 года назад
Vue 3 and Firebase - Build and deploy a CRUD Application with Vue.js and Firebase
Vue 3 Typescript Tutorial - Basic user login flow with Typescript and Vue 3
Просмотров 31 тыс.3 года назад
Vue 3 Typescript Tutorial - Basic user login flow with Typescript and Vue 3
State managment in Vue 3 with Typescript - Vuejs Pinia Tutorial / Vuex Killler?
Просмотров 19 тыс.3 года назад
State managment in Vue 3 with Typescript - Vuejs Pinia Tutorial / Vuex Killler?
Ionic and Vue 3 Basics - Building cross platform apps
Просмотров 12 тыс.3 года назад
Ionic and Vue 3 Basics - Building cross platform apps
Creating a Vuex Clone with Vue 3 Composition API
Просмотров 9 тыс.3 года назад
Creating a Vuex Clone with Vue 3 Composition API
Advanced Vuex with Modules, and Actions in Vue 3
Просмотров 10 тыс.3 года назад
Advanced Vuex with Modules, and Actions in Vue 3
Vuex Basics in Vue 3 with Composition API in 6 minutes
Просмотров 22 тыс.3 года назад
Vuex Basics in Vue 3 with Composition API in 6 minutes

Комментарии

  • @deborshikashyap6745
    @deborshikashyap6745 11 дней назад

    I tried creating an account in GitHub at the final they provided an puzzle verification it's so complicated so I was unable to completed the verification 😒

  • @jonathandyer6385
    @jonathandyer6385 14 дней назад

    OH, ok now i understand that makes sense! 0:52 | | \/ So you expect me, to use online tools to make a software for me to make a software operating system like windows ok ok.... the operating system is what gives me the internet access tho T^T, T^T I CANT GET ADMINSTRATOR BACK ON MY PC FROM MY MOM, UNLESS I MAKE A NEW OPERATING SYSTEM MYSELF T^T. (SRRY Im just gwumpy T^T)

  • @MavMoZu
    @MavMoZu 20 дней назад

    TOP was here hehe

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

    Doesn't work on WIndows 10 in 2024. Too many grpc errors. Is there an update?

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

    Thanks for the video brother!

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

    What version of Vue is this video about?

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

    Everyone has their own opinions and this is mine. React looks messy and it seems like you need to endlessly nest functions within functions within functions. In Vue I can code large applications and keep everything organised and easy to find. I can have my template, JS and CSS separated within the same file. Doing this in React seems much less possible as even the HTML is mixed in with JS...it just becomes a wall of code.

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

    very bad and outdated tutorial! dont waste your time

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

    great

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

    Hi Justin, ESLint 9.0.0 is out (breaking changes). If you have time/will, please make a video on ESLint and Prettier in a node.js typescript project (e.g. Nest.js). It would be really appreciated. Thanks in advance.

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

    So clear. Excellent tutorial

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

    Very impressive

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

    Thank you for the video

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

    Hi! Thanks for this content, it was really helpful! But i'm suffering with some lags on transitions, its not so smooth, can anyone help with that?

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

    good comparison between React and Vue, Vue explanation is slightly out of date!

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

    How could be templates more natural if in JSX you have almost native events but in camelcase and this is all you need, but in templates you have bunch on directives, I hate them beggining from Angular 1.x )))

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

    Good job

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

    Hey Justin , really nice video ! I was wondering if I could help you with more Quality Editing in your videos and also make a highly engaging Thumbnail which will help your videos to reach to a wider audience ? Please Lmk what do you think ?

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

    Companies don't raise money they don't need, because it just dilutes the investors from the prior rounds. If they are raising money because they need liquidity and to make payroll, that's very bad.

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

    Has it got any easier yet?

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

    Bullshit

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

    great short video here. exactly what I was looking for.

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

    Shouldn’t we invalidate the cache after some time?!? The approach from the example absolutely prevent fetching new data if we already have cached key. Maybe it will be a good idea to only keep the cache for some time like 15 min or something…

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

    cool video)

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

    Thanks for an awesome tutorial. Can I know why you are including node_modules into the electron build ?

  • @user-ec6mo9yn5r
    @user-ec6mo9yn5r 5 месяцев назад

    cool video)

  • @SoulBorn-lf4ix
    @SoulBorn-lf4ix 5 месяцев назад

    you have helped me make a doxxing software. i am now feared apon by cheaters

  • @gideongrossman1
    @gideongrossman1 6 месяцев назад

    Great video, Justin. I notice that noone downloads vuehooks and you haven't updated the library in a few years. Is there another similar more popular library you would recommend?

  • @poorpanda9033
    @poorpanda9033 6 месяцев назад

    Amazing short & straight to point !

  • @sunilanthony17
    @sunilanthony17 6 месяцев назад

    I have no idea why and how react is simpler. Vue is much more readable and simple.

  • @parvan7716
    @parvan7716 6 месяцев назад

    does npm works here instead of yarn

  • @1jojorun
    @1jojorun 6 месяцев назад

    This is exactly what I needed! Thank you.

  • @user-cg8vb7dz3i
    @user-cg8vb7dz3i 6 месяцев назад

    Awesome

  • @dexmbachu
    @dexmbachu 6 месяцев назад

    Thanks for this, i wondered why i couldn't use mapGetters in vue3 composition api.

  • @aliveli-ko6bq
    @aliveli-ko6bq 7 месяцев назад

    wake up ur card is charced

  • @valeryleonov7460
    @valeryleonov7460 7 месяцев назад

    Thank you, how can I upload this application to Google Play android?

  • @rojasguarachinestorignacio884
    @rojasguarachinestorignacio884 7 месяцев назад

    no sirve en Vue3 F

  • @abhinaykatta
    @abhinaykatta 7 месяцев назад

    I feel saved after watching this. Thank you.

  • @mick7827
    @mick7827 7 месяцев назад

    hi, thanks for making this video. I can get my lat & lng shown on html, but I always got lat: 0 & lng:0 in useGeolocation.js . what should I check?

  • @sandorturbucz425
    @sandorturbucz425 7 месяцев назад

    Nice video. Honestly, Vue is so much more elegant and easier to understand, React just looks like a makeshift post-PHP contraption, for seemingly no good reason. I think the popularity is only due Facebook which is sad - but prove me wrong, I'm happy to hear valid arguments. Let's forget React Native for now, its existence is one obvious upside, but it's not always relevant.

  • @johnnyboghean2242
    @johnnyboghean2242 8 месяцев назад

    As somebody who is experienced with and loves Vue, but has to do a bit of work in React, THANK YOU!

  • @princeonagwa2750
    @princeonagwa2750 8 месяцев назад

    thanks for this

  • @LoVe-iu9rd
    @LoVe-iu9rd 8 месяцев назад

    what about vuetify 3 UI component?

  • @zergzerg4844
    @zergzerg4844 8 месяцев назад

    Using mounted and unmounted hooks outside the script setup is bad approach. If you are using nuxt 3 you'll see the warning that you have to use this hook only for script setup

  • @fitensonwaynchiff8760
    @fitensonwaynchiff8760 8 месяцев назад

    Is this setup works on actual production?

  • @sharathkumarvenugopal4019
    @sharathkumarvenugopal4019 8 месяцев назад

    Hey Justin!! This is great would be super useful to get a more elaborate video on this.

  • @user-ce3gw1dw2t
    @user-ce3gw1dw2t 8 месяцев назад

    Thanks, Justin. Would appreciate it if we could get more content on this.

  • @user-uo4es2kc7p
    @user-uo4es2kc7p 8 месяцев назад

    Thank you

  • @aspirinemaga
    @aspirinemaga 8 месяцев назад

    Bloody hell....

  • @MdFaruk-nf6ul
    @MdFaruk-nf6ul 9 месяцев назад

    I didn’t understand