Vim is a keyboard-based text editor that can improve your productivity when writing code. Learn more in the Vim for VS Code course https://bit.ly/370N7Pr
Let's explore 10 game-changing open source libraries that can make your code faster, prettier, and cheaper. A hand-picked list of the coolest dev tools and projects on GitHub in 2022.
#tech #code #top10
? Resources
Full React Course https://fireship.io/courses/react/
REST in 100 Seconds https://youtu.be/-MTSQjw5DrM
GraphQL in 100 Seconds https://youtu.be/eIQh02xuVw4
? Packages Mentioned
The Fuck https://github.com/nvbn/thefuck
Partytown https://github.com/BuilderIO/partytown
Trcp https://github.com/trpc/trpc
Mantine https://mantine.dev/
Danfo https://github.com/javascriptdata/danfojs
Supertokens https://github.com/supertokens/supertokens-core
Zinc https://github.com/prabhatsharma/zinc
MeiliSeach https://github.com/meilisearch/meilisearch
NokoDB https://github.com/nocodb/nocodb
Hi Mom https://github.com/tsivinsky/hi-mom
Hoppscotch https://github.com/hoppscotch/hoppscotch
Amplication https://github.com/amplication/amplication
? 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
- Best open source libraries 2022
- List of developer tools
- New developer tools
...
https://www.youtube.com/watch?v=qXUl3VsbA6o
Build a realtime user presence system with Angular 4 and Firebase. Easily keep track of status like online, offline, and away using the magic of Angular and RxJS. Inspired by Slack's user presence system.
Full Lesson: https://angularfirebase.com/lessons/user-presenece-system-in-realtime/
New to Firebase Auth? Checkout this lesson: https://angularfirebase.com/lessons/angular-firebase-authentication-tutorial-oauth/
...
https://www.youtube.com/watch?v=2ZDeT5hLIBQ
Google recently demonstrated how MusicLM can compose high-fidelity audio from a text prompt with generative AI technology. Let's make some predictions about how AI tech will affect the music industry in the future.
#ai #tech #TheCodeReport
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
MusicLM https://google-research.github.io/seanet/musiclm/examples
MusicCaps Dataset https://www.kaggle.com/datasets/googleai/musiccaps
Riffusion https://www.riffusion.com
? 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
- Can AI generate music?
- Voice cloning
- ChatGPT for writing songs
- How Artificial Music works
- Google AudioLM
- Google MusicLM
- Machine learning with audio
...
https://www.youtube.com/watch?v=1LV1K69885E
Cross-Origin Resource Sharing or CORS is a mechanism that allows browsers to request data from 3rd party URLs (or origins) and is a common pain point for web developers. Learn the basics of CORS in 100 seconds.
Full Tutorials
Use CORS in Firebase Cloud Functions https://fireship.io/lessons/secure-firebase-cloud-functions/
Helpful CORS Resources
https://web.dev/cross-origin-resource-sharing/
https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
#webdev #js #100SecondsOfCode
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=4KHiSt0oLJ0
Learn how to build a web scraper ⛏️ with NodeJS using two distinct strategies, including (1) a metatag link preview generator and (2) a fully-interactive bot for Instagram. https://fireship.io/lessons/web-scraping-guide/
1. Build a simple link preview scraper with Cheerio.
https://github.com/cheeriojs/cheerio
2. Build an interactive Instagram scraper with puppeteer.
https://github.com/GoogleChrome/puppeteer
#javascript #nodejs #webdev
Take the quizzes ?
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.
...
https://www.youtube.com/watch?v=dXjKh66BR2U
Take a look at the future of JavaScript in the year 2020. Expect awesome new language features and disruptive trends that could change everything!
TC39 Proposals https://github.com/tc39/proposals
Stack Overflow Survey https://insights.stackoverflow.com/survey/2019
State of the Octoverse https://octoverse.github.com/
Fireship Lesson https://fireship.io/lessons/javascript-2020-predictions/
#JavaScript #future #2020
Want to learn more? Upgrade to PRO status
https://fireship.io/pro
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font
...
https://www.youtube.com/watch?v=f0DrPLKf6Ro
What's the difference between a CPU and GPU? And what the heck is a TPU, DPU, or QPU? Learn the how computers actually compute things in this quick lesson.
#computerscience #tech #programming
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
Learn more about CPUs https://cpu.land
CPU in 100 Seconds https://youtu.be/vqs_0W-MSB0
Math for Programmers https://youtu.be/bOCHTHkBoAs
JS Worker Threads https://youtu.be/-JE8P2TiJEg
? 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
- What is a CPU architecture?
- ARM vs x86-64
- CPU versus GPU
- Why are GPUs so fast?
- Why do you need a GPU?
- What is a DPU?
- Quantum computing basics
- How are silicon chips made?
...
https://www.youtube.com/watch?v=r5NQecwZs1A
Create high-performance 3D data visualizations with Deck.gl and Google Maps. Analyze over 140K gun violence ☠️? incidents by geographic location. https://us-gun-violence.web.app/
- Tutorial https://fireship.io/lessons/deckgl-google-maps-tutorial/
- Deck.gl https://deck.gl/#/showcases/overview
- Google Maps https://developers.google.com/maps/documentation/javascript/tutorial
#datavis #gunviolence #googlemaps
Take the quiz ?
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.
...
https://www.youtube.com/watch?v=e_5W-JF_E2U
Nim is a general-purpose programming language known for its python-like syntax and ability to compile to multiple languages like C, C++, and JavaScript. Learn the fundamentals of Nim in this quick tutorial.
#programming #code #100SecondsOfCode
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
Nim Docs https://nim-lang.org/
C in 100 Seconds https://youtu.be/U3aXWizDbQ4
Python in 100 Seconds https://youtu.be/x7X9w_GIm1s
Lisp in 100 Seconds https://youtu.be/INUHCQST7CU
? 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
- What is the Nim language?
- Who created Nim?
- What is Nim used for?
- Nim basics tutorial
- Nim vs Rust
- Nim vs C
...
https://www.youtube.com/watch?v=WHyOHQ_GkNo