The tech giant, Stripe just raised a whopping $6.5 billion at a valuation of $50 billion! But what's really interesting is that they don't actually need the cash. They're using the funds to take care of their employees by providing liquidity and addressing tax obligations related to equity awards. Follow to stay in the loop. https://stripe.com/en-ca/newsroom/news/stripe-series-i-employee-liquidity Discord - https://discord.gg/8Zr5qgtPBc Twitter - https://twitter.com/jsbroks

Spyware is on the rise and it's no joke! Norton Labs found that spyware apps on US devices jumped by 63% from Sept 2020 to May 2021! Avast in the UK reported an even crazier 93% increase! Protect yourself and your tech, peeps! https://today.ucsd.edu/story/spywarestudy2023?ref=upstract.com Discord - https://discord.gg/8Zr5qgtPBc Twitter - https://twitter.com/jsbroks

GPT-4 is here and its going to blow your mind! Unlike its predecessor GPT-3, GPT-4 is more reliable, creative, and able to handle much more nuanced instructions. In fact, it's so advanced that it passed the bar example in the top 10%, while GPT-3 was in the bottom 10%. But that's not all - GPT-4 can now accept a prompt of text and images, which means that it can handle any vision or language task you throw at it! Unfortunately, API access is still behind a waitlist, but be sure to follow to stay in the loop! https://openai.com/research/gpt-4 Discord - https://discord.gg/8Zr5qgtPBc Twitter - https://twitter.com/jsbroks

Docker just dropped a bombshell of an email the other day telling users who have created an organization, that all images will be deleted if you don't switch to a paid team plan. Users were left with a vague, poorly written message causing anxiety amoung the open source community. Many have already start the tranisition to using github container registry. https://blog.alexellis.io/docker-is-deleting-open-source-images/ Discord - https://discord.gg/8Zr5qgtPBc Twitter - https://twitter.com/jsbroks

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 - https://discord.gg/8Zr5qgtPBc Twitter - https://twitter.com/jsbroks ⚡ RESOURCES ⚡ Docker - https://www.docker.com/ Docker Compose - https://docs.docker.com/compose/ Kubernetes - https://kubernetes.io/ Nodejs - https://nodejs.org/en/ Express Docker Example - https://nodejs.org/en/docs/guides/nodejs-docker-webapp/ ⭐ TIMESTAMPS ⭐ 0:00 - Docker 0:21 - What is Docker? 1:38 - Dockerize nodejs

Emmet comes built into VSCode and allows you to generate CSS using a short form syntax. In this video, we take a look at how we can using this form to generate CSS. ✨ SOCIAL ✨ Discord - https://discord.gg/8Zr5qgtPBc Twitter - https://twitter.com/jsbroks

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 - https://discord.gg/8Zr5qgtPBc Twitter - https://twitter.com/jsbroks ⚡ RESOURCES ⚡ GitHub - Coming Soon Animate - https://developer.mozilla.org/en-US/docs/Web/CSS/animation Keyframes - https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes ⭐ TIMESTAMPS ⭐ 0:00 - Loading Spinners 1:15 - What are keyframes 3:10 - Apply Animations

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 - https://discord.gg/8Zr5qgtPBc Twitter - https://twitter.com/jsbroks ⚡ RESOURCES ⚡ Vue Docs - https://v3.vuejs.org/guide/transitions-enterleave.html ⭐ TIMESTAMPS ⭐ 0:00 - How animations work in Vue 0:52 - Fade transition 1:36 - Bounce keyframe animation 2:03 - Element transitions 2:53 - Group animations

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 - http://codingwithjustin.com/ Discord - https://discord.gg/8Zr5qgtPBc Twitter - https://twitter.com/jsbroks ⚡ RESOURCES ⚡ GitHub - https://github.com/codingwithjustin/vue3-sidebar Vue Transitions - https://v3.vuejs.org/guide/transitions-enterleave.html Write Up - Coming Soon ⭐ TIMESTAMPS ⭐ 0:00 - What you'll learn 0:33 - Project setup 1:01 - Sidebar Component 3:53 - Sidebar Link 5:54 - Vue Transition 7:05 - Sidebar

Code snippets are templates that make it easier to enter repeating code patterns, such as loops or conditional-statements. In this video I show you how you create your own to be more productive. ✨ SOCIAL ✨ Website - Coding With Justin Discord - https://discord.gg/8Zr5qgtPBc Twitter - https://twitter.com/jsbroks ⚡ RESOURCES ⚡ VSCode Snipets - https://code.visualstudio.com/docs/editor/userdefinedsnippets

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 - https://codingwithjustin.com Discord - https://codingwithjustin.com/discord Twitter - https://twitter.com/jsbroks ⚡ RESOURCES ⚡ Write up - https://codingwithjustin.com/content/firebase-auth-react-vue-router-guards React Code - https://github.com/codingwithjustin/firebase-v9-auth-vue-3 Vue Code - https://github.com/codingwithjustin/firebase-v9-auth-vue-3 ⭐ TIMESTAMPS ⭐ 0:00 - Overview 0:44 - Firebase 1:25 - React 5:05 - Vue 8:50 - Conclusion

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 - https://discord.gg/8Zr5qgtPBc Twitter - https://twitter.com/jsbroks ⚡ RESOURCES ⚡ Thunder Client - https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client Paste JSON as Code - https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype Quokka.js - https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode Live share pack - https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-pack Better Comments - https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments VSCode icons - https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons Remote Containers - https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers Snippet generator - https://snippet-generator.app/ ⭐ TIMESTAMPS ⭐ 0:00 - Intro 0:30 - Thunder client 1:07 - Paste JSON as Code 1:43 - Quokka.js 2:20 - Live share 3:29 - Better comments 3:50 - VSCode icons 4:13 - Snippet ext 5:14 - Remote containers #VSCode

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 - https://discord.gg/8Zr5qgtPBc Twitter - https://twitter.com/jsbroks ⭐ TIMESTAMPS ⭐ 0:00 - Important of Excution 0:42 - Lending item 1:32 - Poll app 2:35 - OSS Course platform 3:50 - Plant Senors 6:01 - Item In Stock Scrapper #Software #Ideas

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 - https://discord.gg/8Zr5qgtPBc Twitter - https://twitter.com/jsbroks ⚡ RESOURCES ⚡ Github - http://github.com/ Trello - https://trello.com/ ⭐ TIMESTAMPS ⭐ 0:00 - Building a project is hard 1:03 - Define project 1:45 - Create workflow 2:24 - Breakdown Project

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 - https://discord.gg/8Zr5qgtPBc Twitter - https://twitter.com/jsbroks ⚡ RESOURCES ⚡ Vue 3 Suspense - https://vueschool.io/articles/vuejs-tutorials/suspense-new-feature-in-vue-3/ ⭐ TIMESTAMPS ⭐ 0:00 - Vue Data Fetching 0:28 - Where to fetch data 1:09 - Fetch API 1:33 - Axios 2:15 - async/await onMounted 2:34 - Async Component 3:19 - Composable Functions 3:56 - Custom fetch hook 4:38 - Fetch hook with Cache #Vue #Fetching #Data