The Decline of Firebase (bundle sizes) // New JavaScript SDK First Look
The latest Firebase JavaScript SDK (version 9.0) has been rewritten as a functional library resulting far smaller bundle sizes for better web performance. Learn how to upgrade your Firebase web app https://fireship.io/courses/
A beginner's tutorial for building a Responsive Navigation Bar with CSS that includes animation, duotone icons, flexbox, and other cool tricks! Source Code: https://github.com/fireship-io/222-responsive-icon-nav-css
#css #html #tutorial
Install the quiz app ?
iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font
...
https://www.youtube.com/watch?v=biOMz4puGt8
Learn how Logan Paul's alleged scam, CryptoZoo, works under the hood on the Ethereum blockchain. Let's break down the Solidity smart contracts, fungible tokens, NFTs, IPFS, and other import web3 technology related to this project.
#tech #web3 #thecodereport
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
CoffeeZillia Investigation https://youtu.be/386p68_lDHA
CryptoZoo dApp https://market.cryptozoo.co
Solidity in 100 Seconds https://youtu.be/kdvVwGrV7ec
Full Web3 Tutorial https://youtu.be/meTpMP0J5E8
? Get More Content - Upgrade to PRO
Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access
? My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
? Topics Covered
- How do smart contracts on Ethereum work?
- What is the cryptozoo scam?
- How does cryptozoo work?
- How to build blockchain apps
- How to create your own NFT from scratch
- Basics of blockchain development
...
https://www.youtube.com/watch?v=NGXW4xhlYa4
Role-based user authorization or access control, will give you fine-grained control over user permissions for Firebase users. In this lesson we are going to give Firebase users 3 different roles - reader, author, and admin.
Full Lesson: https://angularfirebase.com/lessons/role-based-permissions-and-authorization-with-firebase-auth/
We will cover all four of these strategies in this lesson.
- Hide HTML elements
- Prevent actions
- Restrict routes with router guards
- Create backend Firebase database rules.
...
https://www.youtube.com/watch?v=3qODuvp1Zp8
Remix is a new react-based JavaScript framework that supports server-side rendering. It comes from the team behind React Router and provides a fresh take on fullstack web app development.
#react #js #firstlook
? Resources
- Remix Docs https://remix.run
- Remix vs Next.js https://sergiodxa.com/articles/remix-vs-next-js-comparison
- Next 12 First Look https://youtu.be/lRQ5z7i7pxE
? Chapters
00:00 What is Remix?
01:12 Server-side Rendering
02:01 Get Started
02:48 Routing
04:20 Data Fetching
05:01 Form Actions
06:19 Styles
06:54 React Server Components?
07:41 Business Model
8:08 Other Exciting Developments
? Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
? My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
? Topics Covered
- What is Remix?
- React Remix Tutorial
- Remix vs Next.js
- Does remix use server components?
- React Remix Basics for webdev
- Nested routing in remix
- How remix actions work
...
https://www.youtube.com/watch?v=r4B69HAOXnA
Learn how object-oriented ? and functional ❄️ programming are awesome in their own ways. Also, get infallible answers answers to questions like "composition over inheritance?", "GIF over JIF?", "Is a hotdog a sandwich?" and more!
Special Thanks to Patrick Mullot - you rock!
Functional Cake Recipe https://probablydance.com/2016/02/27/functional-programming-is-not-popular-because-it-is-weird/
Full Article: https://angularfirebase.com/lessons/object-oriented-programming-with-typescript/
TS Mixins https://www.typescriptlang.org/docs/handbook/mixins.html
...
https://www.youtube.com/watch?v=fsVL_xrYO0w
Can you tell which code example is bad? Learn the subtle differences between variables in JavaScript by comparing let vs var.
Learn more about JS in my full course https://fireship.io/courses/js/
#javascript #programming #game
...
https://www.youtube.com/watch?v=ZRjmGq1gAEQ
Thank you for 200K ? subscribers! Here's a quick look at my content plans for the next few months, including a full Angular Firebase project course. https://fireship.io
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
...
https://www.youtube.com/watch?v=OWy0e231eMI
Productive programmers tend to be really good at Git. Take a look at 13 advanced git tips and tricks to supercharge your development workflow. ? Enroll in the New Full Git Course https://fireship.io/courses/git/
? Extra big 40% discount (expires in 1 week). Use code: oqBi9fWv
Upgrade to PRO at https://fireship.io/pro
#git #learntocode #tips
? Resources
The Full Git & GitHub Course https://fireship.io/courses/git/
Git Docs https://git-scm.com/
Git in 100 Seconds https://youtu.be/hwP7WQkmECE
? Chapters
00:00 Git Started
00:59 Combine add & commit
01:20 Aliases
01:38 Amend
02:03 Force Push
02:24 Revert
02:47 Codespaces
03:21 Stash
04:05 PC Master Branch
04:27 Pretty Logs
04:51 Bisect
05:14 Autosquash
06:18 Hooks
06:58 Destroy Things
07:41 Checkout to Last
? My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
?️ Topics Covered
- Git Shortcuts
- Github Codespaces Cloud VSCode
- Software Version Control
- Dealing with Merge Conflicts
- Git Merge & Rebase
- How to Squash Commits
...
https://www.youtube.com/watch?v=ecK3EnyGD8o
My story about the future of artificial intelligence, chatGPT, MidJourney, deep fakes, generative art, brain chips, and more!
#ai #tech #shorts
Nvidia Eye Contact AI https://twitter.com/Jousefm2/status/1616878021280993284
Moflin Pets https://www.moflin.com/
Deep Fakes https://github.com/deepfakes/faceswap
MidJourney Art https://midjourney.com
...
https://www.youtube.com/watch?v=Z8omJ59hNfY