Take a first look at Unreal Engine 5.2 and it's new substrate material framework and experimental procedural generation tools. It also announcement updates to its Fortnite editor and supports animations in its metahuman framework.

#unrealengine #tech #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Metahuman Face on Cover https://twitter.com/smallfly/s....tatus/15387190752783
Unreal 5.2 announcements https://www.unrealengine.com/e....n-US/blog/dive-into-
Metahuman https://www.unrealengine.com/en-US/metahuman
Unreal in 100 Seconds https://youtu.be/DXDe-2BC4cE

🔥 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

- The future of 3D video game development
- What's new in Unreal Engine 5.2?
- What is Unreal Substrate?
- What is Unreal Nanite?
- Procedural Generation tools in Unreal Engine
- How metahuman animator works

Test-Driven Development (TDD) is a proven prevent bugs and improve the quality of your code - and it's fun! Learn the fundamentals of JavaScript testing in this beginner's tutorial. https://github.com/fireship-io/tdd-basics-project

#js #webdev #tutorial

🔗 Resources

Wallaby (20% discount) https://bit.ly/34KDnHP
Jest https://jestjs.io/
Cypress https://www.cypress.io/
Software Testing in 100 Seconds https://youtu.be/u6QfIXgjwGQ

📚 Chapters

00:00 Why Test?
01:13 Test-Driven Development (TDD) Philosophy
02:07 Functional Testing
03:40 Non-Functional Testing
03:53 JS Interview Question
04:12 Setting up Jest
06:04 Writing your First Test
09:05 Setup & Teardown
10:29 Code Coverage Report
10:57 Cypress E2E

🤓 Install the quiz app

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

🔥 Watch more with Fireship 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

Want to build your own peer-to-peer video chat app? WebRTC is a technology that creates a realtime connection between browsers where users can exchange audio/video streams https://fireship.io/lessons/we....brtc-firebase-video-

00:00 WebRTC Explained
02:01 Build your own Video Chat
3:37 Code setup
04:34 Peer Connection & Webcam
06:49 Offer Signaling
09:45 Answer Signaling

Source Code

https://github.com/fireship-io..../webrtc-firebase-dem

Useful Resources

WebRTC Docs https://webrtc.org/
Codelab https://webrtc.org/getting-started/firebase-rtc-codelab
Signaling https://developer.mozilla.org/....en-US/docs/Web/API/W

#webdev #js #100SecondsOfCode

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

Microsoft Excel just added support for Python, allowing developers to code and run custom functions directly inside a spreadsheet. Let's take a first look at how Python support will work in Excel.

#python #ai #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Python Excel Announcement https://techcommunity.microsof....t.com/t5/microsoft-3
Anaconda Excel https://www.anaconda.com/excel
Python in 100 Seconds https://youtu.be/x7X9w_GIm1s

📚 Chapters

🔥 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

- Run Python locally in Excel
- Python excel overview
- How to get access to Python in excel
- Alternatives to Excel
- Microsoft's AI business strategy

Why learn Node.js in 2020? Master the fundamentals of Node in 7 easy steps, then build a fullstack web app and deploy it to a cloud server. Follow along in the full article: https://fireship.io/courses/ja....vascript/node-basics

1. What is Node?
2. How do you install Node?
3. Hello World
4. Know the Runtime
5. Events
6. File System
7. Modules
8. Build & Deploy

Node https://nodejs.org

#nodejs #javascript #tutorial

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

The Fetch API has officially made its way into Node.js giving web developers a better default tool for making HTTP requests. Learn why this feature is a big deal and with it means for NPM packages like Axios.

#firstlook #nodejs #TheCodeReport

🔗 Resources

Node Announcement https://twitter.com/targos89/s....tatus/14884717551948
Undici Node Fetch https://github.com/nodejs/undici
Fetch Standard https://fetch.spec.whatwg.org/

🔥 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 the fetch API?
- Why is node fetch a big deal?
- The future of Node.js
- New JavaScript features
- Node fetch vs Axios

What changed in the tech industry over the last year? Let's look at 10 trends in tech, AI, programming, hardware, and more for the year 2024.

#tech #trends #top10

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

AI Image Generation Tutorial https://youtu.be/ky5ZB-mqZKM
Tech Trends from 2023 https://youtu.be/1v_TEnpqHXE

🔥 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's new with AI in 2024
- Why is Bitcoin going up?
- State of the tech job market in 2024
- Predictions about technology in 2024

Learn the basics of Flutter in 12 minutes. Take a hands-on tour of Flutter's most important building blocks to start building apps for iOS, Android, the web, and desktop. https://fireship.io/courses/fl....utter-firebase/basic

🔥 Get The FULL FlutterFire Course - Upgrade to PRO
💰 30% off (expires 11/23) with code: ibTd664q

#flutter #dev #learntocode

🔗 Resources

Full Course: https://fireship.io/courses/flutter-firebase/
Flutter Docs https://flutter.dev/
Hire Rolly Peres for Flutter Dev https://github.com/narcodico or [email protected]

📚 Chapters

00:00 Flutter Basic Training
00:56 Get Started
02:36 Stateless Widget
03:20 Material App
03:58 Container
05:07 Flex Layout
06:07 Stack
07:00 Scaffold Magic
07:27 Debugger
07:47 ListView
08:09 Builder
08:25 Stateful Widget
09:32 Advanced State Management
10:03 Navigator
10:51 Hero


🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- Flutter Tutorial for Beginners
- Flutter Flex Layout
- Stateless vs Stateful Widgets
- Navigation in Flutter
- Flutter for Mobile Dev on iOS and Android

Learn everything you wanted to know about RxJS - Reactive Extensions for JavaScript in 15 minutes. In this lesson, I cover about 25 different examples related to RxJS.

Full Code and Lesson: https://angularfirebase.com/le....ssons/rxjs-quickstar

Useful Resources

RxMarbles: http://rxmarbles.com/
LearnRxJs: https://www.learnrxjs.io/
Official Docs: http://reactivex.io/documentation

Top 10 CSS Pro Tips to make your life as a web developer more productive. Some of the best programmers say CSS is too hard… but you might be surprised at how modern techniques can dramatically improve your code. https://fireship.io/tags/css/

00:00 CSS is too hard (myth)
00:56 1. Learn the box model
02:00 2. Firefox is Amazeballs
02:31 3. Flexbox is Fantastic
03:34 4. Grid is Great
04:23 5. Clamp it Down
05:09 Bonus: Impress your Boss
05:30 6. Aspect Ratio One-Liner
06:01 7. Variables for variables
06:46 8. Fancy Calculations
07:38 9. State Management Counter
08:18 10. Finding focus-within
09:01 Bonus: Treat an Incurable Disease

#css #learntocode #top10

Box Model https://developer.mozilla.org/....en-US/docs/Learn/CSS
Focus-within CSS dropdown https://fireship.io/snippets/b....asic-css-dropdown-me

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

Learn the basics of Bitcoin ₿ in 100 seconds, then build your own blockchain from scratch with Node.js and TypeScript https://github.com/fireship-io/node-blockchain

Support the Cause

Send me some BTC: 13pEjpLf3taeezGkLpn2CMi2YNxaBF7rVZ
Sponsor me on Github for $1 https://github.com/codediodeio

References

How Bitcoin Works https://bitcoin.org/en/how-it-works
Original White Paper https://bitcoin.org/bitcoin.pdf

Source code https://github.com/fireship-io/node-blockchain

#bitcoin #blockchain #js

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

Get all the latest tech news at https://daily.dev/fireship

Let's take a look at 15 big events that happened in Tech in July 2024, like Google's Alpha Proof math AI, the CrowdStrike Windows disaster, Node.js TypeScript support, new Python web frameworks, and more.

#tech #programming #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Fireship Stripe Course https://fireship.io/courses/stripe-saas/
June 2024 Recap https://youtu.be/FhqNN1LykWU
CrowdStrike disaster https://youtu.be/H9RSeDUdkCA

🔥 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

Tuaw Zombie Website
Node TS Support
FastHTML Framework
Zed Linux
Intel Chips Fixed Kinda
Stripe Buys Lemon Squeezy
StackOverflow Unhappiness
Google Alpha Proof
Google Alpha Rats
SearchGPT
Mistral Large
OpenAI Bankruptcy
Reddit Pay-to-Scrape
The COPIED Act
Crowdstrike Redemption Arc

Learn the basics of Next.js in 100 Seconds! Then build your first server-rendered react app with a full Next.js beginner's tutorial. https://fireship.io/courses/react-next-firebase

#react #webdev #100SecondsOfCode

Next.js Docs https://nextjs.org/
Source Code https://github.com/fireship-io/nextjs-basics

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

Master the basics of JavaScript Functions 🚂 in a fun tutorial packed full of 90's nostalgia. https://fireship.io/courses/ja....vascript/beginner-js

- Anatomy of a Function
- Statement vs Expression
- IIFE
- Parameters
- Arrow Functions
- Higher Order Functions
- Pure Functions
- Recursion

Episode 4 of "That Weird JavaScript Course".

#javascript #nodeJS #code
Take the JS Quiz 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.

OpenAI just announced Sora, a state-of-the-art video generation AI model. Let's find out how Sora works and predict the ways it will change the world.

#ai #tech #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Sora technical report https://openai.com/sora
Create AI influencer https://youtu.be/ky5ZB-mqZKM
10 Weird Algorithms https://youtu.be/SmyPTnlqhlk

🔥 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 OpenAI sora?
- How to access Sora
- Google Gemini 1.5
- AI video tutorial
- How to create videos with ai
- Future of video editing software

A college student built a Twitter bot with Python that tracks the location of Elon Musk's private jet - then Elon offered him $5K to shut it down. Now the situation is blowing up in the media...

This is the first edition of "The Code Report" - a new series where I bring you breaking news every programmer should know.

#code #elon #thecodereport

🔗 Resources

Source Code https://github.com/Jxck-S/plane-notify
ElonJet https://twitter.com/ElonJet
Teen Turn's Down 5K Article https://www.nbcnews.com/news/u....s-news/teen-rejects-


🔥 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

- How to build ElonJet Twitter Bot
- How flight tracking works

7 unique ways to deploy a server-side app to the cloud. Explore the tradeoffs between each node.js deployment option on Google Cloud Platform. https://fireship.io/tags/node/

#node #webdev #top7

This video is NOT sponsored.

🔗 Resources

Google Cloud https://cloud.google.com/gcp
Cloud Run Tutorial https://fireship.io/lessons/fi....rebase-microservices
Docker in 100 Seconds https://youtu.be/Gjnup-PuquQ
Node.js Docs https://nodejs.org/en/

📚 Chapters

00:00 Deployment ain't easy
00:42 Node.js App Tour
01:40 1. Server in your Garage
02:47 2. Cloud VM
04:06 3. App Engine Standard
05:45 4. App Engine Flex
06:23 5. Kubernetes
07:01 6. Cloud Functions
08:17 7. Cloud Run

🤓 Install the quiz app

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

🔥 Watch more with Fireship 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

Use “Ethical Hacking” or penetration testing to find exploits in your web app before the bad guys do. Featuring @DevAcademyCom to go beyond 100 seconds to explain the purpose of CORS http://links.dev-academy.com/6aP

#hacking #webdev #100SecondsOfCode

🛡️ Web Security Course

40% Discount with code: FIRESHIP_40
http://links.dev-academy.com/6aP

🔗 Resources

OWASP Top 10 https://owasp.org/www-project-top-ten/
Burp Suite https://portswigger.net/burp
CORS in 100 Seconds https://youtu.be/4KHiSt0oLJ0

📚 Chapters

00:00 Ethical Hacking with Burp Suite
02:01 Why do we need CORS?
05:48 Same Origin Policy Example

Learn how to manage costs in Firebase with both clientside and serverside optimizations. https://angularfirebase.com/le....ssons/managing-fireb

Source Article https://hackernoon.com/how-we-....spent-30k-usd-in-fir
Firebase Pricing https://firebase.google.com/pricing/

💡 Looking for app dev inspiration? Here are 7 unusual app ideas that you can use in your portfolio or as a side hustle. https://fireship.io/pro

#code #cloud #ideas

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

Flutter makes it possible to deploy your code to iOS, Android, MacOS, Windows, and the Web. But what are the pros and cons of cross-platform development? https://fireship.io/tags/flutter/

#flutter #code #dev

🔗 Resources

Flutter Web https://flutter.dev/web
Flutter Desktop https://flutter.dev/desktop

📚 Chapters

00:00 Cross-Platform Development
01:08 Build 5 Apps
05:48 Flutter Pros & Cons

🤓 Install the quiz app

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

🔥 Watch more with Fireship 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

The history of JavaScript over the last 25 years. How did a simple scripting language for Netscape evolve into the world's most widely used programming language? https://dev.to/codediodeio/the....-weird-history-of-ja

Full Course: https://fireship.io/courses/javascript/

#javascript #history

Sources:

ECMA https://www.ecma-international.....org/publications/st
WorldWideWeb https://www.w3.org/People/Bern....ers-Lee/WorldWideWeb
Brendan Eich Talk https://thenewstack.io/brendan....-eich-on-creating-ja

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.

WebDev 101 is a complete introduction into the world of web development. Learn the basic concepts and skills required to build fullstack web apps with HTML, CSS, and JavaScript.

#webdevelopment #learntocode #programming
🔗 Resources

Web Dev Basics https://developer.mozilla.org/en-US/docs/Learn
Fullstack tutorials https://fireship.io/lessons/
Computer Science 101 https://youtu.be/-uleG_Vecis
10 Fullatack Web Apps https://youtu.be/FQPlEnKav48

📚 Chapters

🔥 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

- Web Development roa
- HTML and CSS Tutorial
- How to get started in web development?
- Web development roadmap for 2022
- Intro to web development for beginners

A first look at Midjourney 5 - a state-of-the-art generative image model that can produce photorealistic humans. We breakdown new features in v5 and discus ethical concerns surrounding AI image tech.

#ai #tech #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Midjourney https://www.midjourney.com
AI copyright article https://www.theverge.com/2023/....2/22/23611278/midjou
GPT-4 First Look https://youtu.be/EunbKbPV2C0
Tensorflow in 100 Seconds https://youtu.be/i8NETqtGHms

🔥 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

- New features in Midjourney 5
- What is Midjourney?
- Is Midjourney open sources?
- Top AI image generators
- Can AI images be hold a copyright?
- Moral and ethical concerns with AI image generators
- Midjourney 5 basics tutorial

ChatGPT could start a new technological gold rush for artificial intelligence startups. Let's look at 5 business ideas for GPT-3 and analyze the tech stacks of real companies using deep learning today.

#chatgpt #ai #programming

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

ChatGPT https://openai.com/blog/chatgpt/
MidJourney https://midjourney.com/
DeepMind https://www.deepmind.com/
Tech Trends in 2023 https://youtu.be/1v_TEnpqHXE

🔥 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 to make money with ChatGPT
- What are the drawbacks of AI?
- Will AI replace humans?
- What is the technological singularity
- Ways to integrate AI into an app
- What is MLOps?

Use Nx to power up ⚡🐋 full-stack JavaScript projects with modern tooling, automation, and sophisticated code-sharing for monorepos https://nx.dev/

Nx is an open-source project from Nrwl 🦄🌊 https://nrwl.io

Watch more free videos at https://fireship.io

#nrwl #nx #javascript

What is a Module Bundler? And why do I need one? Learn how tools like Webpack, Rollup, Parcel, and Snowpack can package your code as a production-ready web application. https://fireship.io

Webpack https://webpack.js.org/
Snowpack https://www.snowpack.dev/

Sponsor me for $1 https://github.com/codediodeio

#webdev #tutorial #javascript

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

Learn the fundamentals of WebSockets in 100 seconds, then build a simple group chat app with Socket.io. https://fireship.io

Sponsor me on Github for $1.00 https://github.com/codediodeio

Source Code https://github.com/fireship-io..../socketio-minimal-de

- WebSockets https://developer.mozilla.org/....en-US/docs/Web/API/W
- socket.io https://socket.io

#webdev #js #100SecondsOfCode

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

Some people say programming is a dying skill, but is this prediction accurate? Let's look at 6 trends in tech that don't look good for coders.

#programming #tech #learntocode

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Coding is Dead by @TechLead https://youtu.be/yGKFdwhylXM
Metaverse breakdown by @MentalOutlaw https://youtu.be/zuqBRN5SJZ8
2022 Tech Trends https://youtu.be/LOpFYMPXqE4

🔥 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

- 2023 Trends in tech
- Should I learn to code?
- What is the future of programming?
- Is programming a safe job?
- Will AI make programmers obsolete?
- Is coding dead?

Out-of-control cloud computing becomes very expensive very quickly 💸. Learn how a startup racked up a $72K bill in just 2 hours on Google Cloud. Tips to control costs on AWS, GCP, and Azure services that are priced to scale.

Thank you to https://announce.today for sharing your story!

#cloud #dev #learntocode

References

How we Burnt 72K https://blog.tomilkieway.com/72k-1/
GCP Budget Pub/Sub https://cloud.google.com/billi....ng/docs/how-to/budge
AWS Budget Alerts https://aws.amazon.com/about-a....ws/whats-new/2020/10

Courses

Security https://fireship.io/courses/firebase-security
Data Modeling https://fireship.io/courses/fi....restore-data-modelin

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.

00:00 Hello World
00:49 $72k in 2 Hours
02:47 My AWS Story
03:35 Budget Kill Switch
04:32 Cloud Overflow
05:17 Scale Down
06:32 Bad Algorithms
08:02 Security

Five useful data modeling techniques in Cloud Firestore 🔥 that you may not know about. Checkout the full course here 👉https://fireship.io/courses/fi....restore-data-modelin

- 25% off PRO Membership use code: lORhwXd2
- Cloud Firestore https://firebase.google.com/docs/firestore/

Learn the fundamentals of Search Engine Optimization (SEO) from the perspective of a web developer. Determine the optimal way to structure and render HTML for bots https://fireship.io/courses/react-next-firebase/

PRO Membership Discount 30% Code: fZGT5HZT

*Discount Expires on Friday 2/12

Technical overview https://developers.google.com/....web/updates/2019/02/
ISR https://nextjs.org/docs/basic-....features/data-fetchi

00:00 What is SEO
02:01 Create Good Content
03:54 HTML Structure
07:09 Rendering Strategies

#webdev #seo #100SecondsOfCode

My VS Code Theme

- Atom One Dark
- vscode-icons
- Fira Code Font

Last week I launched a side-hustle business with voice cloning AI, but things are not going well. Learn why most business ideas fail and develop techniques to improve your idea validation process.

#tech #business #startups

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

The Art of the Side Hustle https://youtu.be/A4_TFHzqAAg
AI startup ideas https://youtu.be/Aa83vRghue4
My Voice Cloning Service https://vocalize.cloud
Twitter report of business launch https://twitter.com/fireship_d....ev/status/1659930105

🔥 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

- Advice for solo businesses run by programmers
- Building in public
- Community building and viral marketing techniques
- Top reasons businesses fail
- Tips for launching a tech startup
- How to validate business ideas
- Running a software development side-hustle
- Charles Bukowski Motivation

Cryptography is scary. In this tutorial, we get hands-on with Node.js to learn how common crypto concepts work, like hashing, encryption, signing, and more https://fireship.io/lessons/node-crypto-examples/

🔗 Resources

Full Tutorial https://fireship.io/lessons/node-crypto-examples/
Source Code https://github.com/fireship-io..../node-crypto-example
Node Crypto https://nodejs.org/api/crypto.html

📚 Chapters

00:00 What is Cryptography
00:52 Brief History of Cryptography
01:41 1. Hash
04:07 2. Salt
05:47 3. HMAC
06:35 4. Symmetric Encryption.
08:19 5. Keypairs
09:29 6. Asymmetric Encryption
10:22 7. Signing
11:31 Hacking Challenge

🔥 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

- Cryptography for Developers Basics
- Crypto algorithms: SHA, MD5, argon2, scrypt
- How password salt works
- Encryption vs Signing
- Difference between Asymmetric vs Symmetric Encryption
- How hacking works and hacks are prevented

Do you want to land a high-paying tech job writing code? Working for a great company requires more than just programming skills. Let’s explore 10 proven strategies that make your personal brand more appealing to employers, especially as as a self-taught developer.

#tech #jobs #learntocode

🔗 Resources

Follow me on Twitter https://twitter.com/fireship_dev
Connect with Jeff Delaney on LinkedIn https://www.linkedin.com/in/jeff-delaney/

Great Resignation https://www.inc.com/jessica-st....illman/great-resigna

Check out @DorianDevelops story https://youtu.be/oOs_eIHeloY
Get tips from @DThompsonDev https://youtu.be/Fz2ERBUNKCA

📚 Chapters

00:00 Working in Tech
00:49 Tech Jobs Outlook 2022
01:27 1. Strong Mindset
02:47 2. Location Matters
03:33 3. Master the Twitter Game
04:52 4. Connect on LinkedIn
05:27 5. Git going on GitHub
06:30 6. Build One Epic Thing
07:15 7. Build in Public
08:20 8. IRL Networking
09:14 9. Get a Mentor
09:50 10. Become a Good Fit

🔥 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

- How to get a tech job
- What tech hiring managers look for
- Find a coding job in 2022
- Tips for junior programmer job seekers
- What is the great resignation?
- What is the outlook for tech jobs in the future?
- How to get hired as a self-taught developer?

What are dotfiles? Take to take your developer productivity to the next level 🥋👊 by automating the setup of your computer. Go beyond 100 seconds with special guest Patrick McDonald to setup your own dotfiles repo from scratch http://dotfiles.eieio.xyz/

What are dotfiles? https://wiki.archlinux.org/index.php/Dotfiles
Example repo https://github.com/eieioxyz/Be....yond-Dotfiles-in-100
Full Dotfiles Course http://dotfiles.eieio.xyz/

#dev #learntocode#100SecondsOfCode

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

A "tech stack" includes all the technologies used to build a complete web or mobile application - like frameworks, cloud services, libraries, languages, and APIs. Let’s over-engineer a tech stack for an MVP, then simplify it. Learn how to build fullstack apps in courses https://fireship.io/courses/

#tech #code #dev

🔗 Resources

Learn about popular tech in the 100 Second Playlist https://youtube.com/playlist?l....ist=PL0vfts4VzfNiI1B
Petite Vue https://github.com/vuejs/petite-vue
Stacks of successful startups https://stackshare.io/
LAMP https://en.wikipedia.org/wiki/....LAMP_(software_bundl

📚 Chapters

00:00 Intro
00:37 What’s in a Tech Stack?
02:05 Popular Stacks
03:08 Frontend
05:34 Backend
08:23 APIs
09:23 Petite Fire Stack

🔥 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

- Choosing a Tech Stack for Web Development
- Comparing JS frameworks
- React State Management with Redux
- Containers with Docker and Kubernetes
- Mobile dev with React Native, Flutter, & Ionic
- APIs with GraphQL and Apollo
- How to build a website
- Cloud Computing Concepts

New Series! Code this 💪, not that 💩. Learn how to write solid modern JavaScript and avoid bad code from the olden days. https://angularfirebase.com

- Source https://github.com/codediodeio..../code-this-not-that-

The ultimate 10 minute JavaScript course that quickly breaks down over 100 key concepts every web developer should know. Learn the basics of JS and start building apps on the web, mobile, desktop, and more.

#javascript #programming #code

🚨 BLACK FRIDAY 40% Discount off PRO Memberships FOREVER

https://fireship.io/pro

🚨 Use code BLACKFIRE at checkout


💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

NEW Full JavaScript Course https://fireship.io/courses/js
JavaScript in 100 Seconds https://youtu.be/DHjqpvDnNGE
JavaScript Docs https://developer.mozilla.org/....en-US/docs/Web/JavaS

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- JavaScript 101 Course
- Getting Started with JavaScript
- JavaScript basics tutorial
- Learn JS for beginners
- Most important JS concepts to know
- What is JavaScript used for?
- How do I learn JavaScript programming?
- Prototypal Inheritance
- Higher Order Functions
- Closures
- Non-blocking event loop
- Node.js

Prepare for a technical interview by learning about the graph data structure and basic traversal algorithms like depth-first search (DFS) and breadth-first search (BFS). https://fireship.io/courses/ja....vascript/interview-g

#compsci #JavaScript #100SecondsOfCode

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

Learn how to choose a fullstack JavaScript framework by asking questions about your web app in a flow chart. If you're crazy enough, you can even build your own JS framework from scratch like me.

#js #webdevelopment #programming

🔗 Resources

Flamethrower on GitHub https://github.com/fireship-io/flamethrower
Web Components https://developer.mozilla.org/....en-US/docs/Web/Web_C
JS frameworks comparison https://youtu.be/cuHDQhDhvPE

🔥 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 a JS framework?
- How to choose a JS framework?
- Top frameworks for web development
- Tools to build a web app
- How to make static sites faster

Get the full Linux course at https://bit.ly/4crDqtb

Learn 101 essential concepts in Linux in 10 minutes. What is the Linux kernel? What is GNU? What is the best Linux distro? And many other important questions answered.

#linux #programming #101

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Computer Science 101 https://youtu.be/-uleG_Vecis
WebDev 101 https://youtu.be/erEgovG9WBs
Linux in 100 Seconds https://youtu.be/rrB13utjYV4

📚 Chapters

🔥 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

- Linux basics tutorial
- How to get started with Linux
- Essential Linux commands to know
- Difference between GNU and linux
- What does Linux kernel do?
- What are the top Linux distros in 2024?

A complete introduction to Docker. Learn how to Dockerize a Node.js and run manage multiple containers with Docker Compose. https://fireship.io/lessons/do....cker-basics-tutorial

00:00 What is Docker?
01:54 Installation & Tooling
02:40 Dockerfile
06:06 Build an Image
07:12 Run a Container
08:52 Debugging
09:35 Docker Compose

Source code https://github.com/fireship-io/fireship.io
Official Docker https://www.docker.com

#LearnToCode #Docker

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

Amazon Web Services (AWS) is the world's largest and most complex cloud with over 200 unique services. Learn about the top 50 cloud products in just ten minutes. https://fireship.io/pro

#aws #cloud #top50

🔗 Resources

AWS Products https://aws.amazon.com/products/
Format inspired by this Adobe video https://youtu.be/7W0ISI3yqwo

📚 Chapters

00:00 AWS Origin
00:34 RoboMaker
00:40 IoT Core
00:46 Ground Station
00:53 Quantum Computing
01:00 EC2
01:26 Load Balancer
01:39 Cloud Watch
01:47 Auto Scale
01:56 Beanstalk
02:21 Lightsail
02:40 Lambda
03:07 Serverless Repos
03:16 Outposts
03:25 Snow
03:39 ECR
03:56 ECS
04:09 EKS
04:15 Fargate
04:27 App Runner
04:41 S3
04:59 Glacier
05:06 Block Storage
05:19 EFS
05:32 SimpleDB
05:48 DynamoDB
05:59 DocumentDB
06:13 ElasticSearch
06:21 RDS
06:36 Aurora
06:58 Neptune
07:06 ElasticCache
07:16 TimeStream
07:28 QLDB
07:38 Redshift
08:05 Lake Formation
08:21 Kinesis
08:31 EMR
08:43 MSK
08:52 Glue
09:16 Data Exchange
09:31 Sagemaker
09:53 Rekognition
10:02 Lex
10:10 Deep Racer
10:18 IAM
10:33 Cognito
10:45 Notifications
10:52 SES
10:56 CloudFormation
11:08 Amplify
11:20 Budget


🤓 Install the quiz app

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

🔥 Watch more with Fireship 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

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

Software design patterns help developers to solve common recurring problems with code. Let's explore 10 patterns from the famous Gang of Four book and implement them with JavaScript and TypeScript https://fireship.io/lessons/ty....pescript-design-patt

#programming #compsci #learntocode

🔗 Resources

Learn more from Refactoring Guru https://refactoring.guru/design-patterns/
GOF Design Patterns Book https://en.wikipedia.org/wiki/Design_Patterns
Criticism of Design Patterns https://blog.codinghorror.com/....rethinking-design-pa

📚 Chapters

00:00 Design Patterns
01:00 What are Software Design Patterns?
01:34 Singleton
02:24 Prototype
03:46 Builder
04:23 Factory
04:54 Facade
05:47 Proxy
06:45 Iterator
07:47 Observer
08:58 Mediator
09:50 State


🔥 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

- TypeScript and JavaScript Design Patterns
- Algorithm vs Design Pattern
- What is Gang of four?
- Are design patterns still relevant?
- Design patterns basics tutorial

A breakdown of the most useful new features for web developers using HTML, CSS, and JavaScript. Learn about native dialog windows, WebGPU, CSS container queries, and more.

Check out https://clerk.com to build a beautiful user authentication system.

#webdevelopment #javascript #top10

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- Web Baseline https://web.dev/baseline/
- WebDev 101 https://youtu.be/erEgovG9WBs
- JavaScript 101 https://youtu.be/lkIFF4maKMU
- Web Performance https://youtu.be/0fONene3OIA


🔥 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

- Beginner web development tutorial
- What is WebGPU?
- Web development best practices
- New CSS features in 2023
- New JS features in 2023
- Measuring performance on the web
- How to build websites from scratch

A side-by-side comparison of React Native and Flutter. I built a mobile chat app with both frameworks to understand differences in developer experience, tooling, code, and performance.

🔥 Use discount code O2LdtRD6 for 30% off fireship.io/pro

#flutter #react #versus

🔗 Resources

Performance Comparison https://medium.com/swlh/flutte....r-vs-native-vs-react

React Native Demo https://fireship.io/lessons/re....act-native-firebase-
Flutter Chat Demo https://fireship.io/lessons/fl....utter-firebase-chat-

📚 Chapters

00:00 React Native vs Flutter
00:57 Language
01:41 Ecosystem
02:04 Philosophy
02:42 Architecture
04:00 Developer Experience
05:45 Tooling
07:39 Code
09:13 Performance


🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- Comparing Flutter to React Native
- Mobile app development
- Native iOS and Android Development
- Cross-platform app performance

Learn about seven different database paradigms and what they do best. https://fireship.io/lessons/to....p-seven-database-par

00:00 Intro
00:45 Key-value
01:48 Wide Column
02:47 Document
04:05 Relational
06:21 Graph
07:22 Search Engine
08:27 Multi-model

#learntocode #data

Learn more about MeiliSearch https://fireship.io/lessons/me....ilisearch-firebase-g

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

React is a minimal on the surface, but it’s actually a highly complex JavaScript UI library with many potential pitfalls. In this tutorial, we look at 10 antipatterns in React, along with tips and tricks to improve our code. https://fireship.io/courses/react

#react #js #CodeThisNotThat

🔥 Use this discount code to get 33% off Fireship PRO:

hh7F4Ezs

https://fireship.io/pro


🔗 Resources

React Docs https://reactjs.org
Full React Course https://fireship.io/courses/react
React in 100 Seconds https://youtu.be/Tn6-PIqc4UM

📚 Chapters

00:00 React Antipatterns
01:00 1. Big Components
01:55 2. Nesting Gotcha
02:35 3. Failure to Memoize
03:15 4. Useless Divs
03:44 5. Messy Files
04:40 6. Big Bundles
05:34 7. Prop Drilling
06:30 8. Prop Plowing
07:00 9. Try Some Curry
07:39 10. Code Smarter

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- React Pitfalls
- React Code Smell
- Problems with React.js
- React Best Practices
- Structure a react project
- Antipatterns in react to avoid
- React tips and tricks
- React interview tips

Big companies, like Google & Facebook, store all their code in a single monolithic repository or monorepo... but why? Learn how to use tools like NPM or Yarn workspaces, Learna, Nx, and Turborepo to scale your codebase https://fireship.io/pro

#software #js #compsci

🔗 Resources

Turborepo https://turborepo.org/
Nx https://nx.dev/
Lerna https://lerna.js.org/
Google's Monorepo https://cacm.acm.org/magazines..../2016/7/204032-why-g

📚 Chapters

00:00 The World’s Largest Codebase
00:49 Benefits of Monorepos
01:50 The Problem with Monorepos
02:18 Yarn & NPM Workspaces
02:48 Lerna
03:30 PNPM
03:48 Nx vs Turborepo
06:10 Turborepo Tutorial

🔥 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

- Monorepo Pros and Cons
- What is a monorepo?
- Who uses Monorepos?
- Should I use a monorepo?
- Nx compared to Turborepo
- How Google's Monorepo works.

Firebase leads the backend-as-a-service space, but there are many popular alternatives like AWS amplify, Supabase, Nhost, MongoDB Realm, Appwrite, and Parse. Let's compare the pros and cons of fully-managed cloud services.

#database #vs #programming

NEW CHANNEL for advanced tutorials https://www.youtube.com/channe....l/UC2Xd-TjJByJyK2w1z

🔗 Resources

- Firebase https://firebase.google.com/docs
- AWS Amplify https://docs.aws.amazon.com/amplify/
- Supabase https://supabase.com/docs
- Nhost https://nhost.io/
- Appwrite https://appwrite.io/
- Realm https://www.mongodb.com/docs/realm
- Firebase in 100 Seconds https://youtu.be/vAoB4VbhRzM
- MongoDB in 100 Seconds https://youtu.be/-bt_y4Loofg


🔥 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 Firebase alternatives
- Is firebase expensive?
- Is Firebase part of Google Cloud?
- How to build an app in the cloud
- Firebase vs AWS Amplify
- Firebase vs Supabase

ElasticSearch recently dropped its open-source licensing strategy, prompting AWS to fork it. Learn how "Open Source" actually works and how companies profit from it. Follow me on twitter https://twitter.com/fireship_dev

00:00 ElasticSearch vs AWS Drama
04:43 What is Open Source?
06:40 How to make money with OSS

AWS's Side https://aws.amazon.com/it/blog....s/opensource/steppin
Elastic's Side https://www.elastic.co/blog/why-license-change-AWS
Open Source Initiative https://opensource.org/

#aws #elasticsearch #tech

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

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

Special Thanks to Joe Previte! https://twitter.com/jsjoeio

Vim history https://en.wikipedia.org/wiki/Vim_(text_editor)
Vim cheatsheet https://vim.rtorr.com/

#vim #dev #100SecondsOfCode


Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

When you learn how to code, you unlock the ability to build side-businesses that have the potential to make you rich. The 6-step guide provides realistic tips and tricks for launching a solo company as a software engineer.

#programming #business #tech

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Wanna use my voice? Generate it at https://vocalize.cloud
Check out my AI Cartoon with @Daxflame https://youtu.be/Vg7iez2HMks
Thanks to @codeSTACKr for the "Music Video"
Building Apps with AI https://youtu.be/iO1mwxPNP5A


🔥 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 to create a side business as a developer
- Top indie makers
- How do programmers make money on the side?
- Tips for becoming a solopreneur
- Implementing payments into an app
- Startup ideas with AI in 2023

What is the best operating system for programming? Learn the pros and cons of MacOS, Windows, and Linux from the perspective of a programmer.

⚡ Try out JetBrains IDEs for free https://jb.gg/Get_JetBrains_IDEs

#computerscience #programming

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Learn to code roadmap https://youtu.be/66tfvFeALBQ
Programming Iceberg https://youtu.be/pEfrdAtAmqk

🔥 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

- Mac vs Windows vs Linux
- Best Linux distro for programmers
- What is WSL?
- How to choose an OS for software dev
- Benefits of Linux for programming

Why are there so many Linux distros? Take a brief journey through the history of Linux to understand hundreds of different distros exist today https://fireship.io/

00:00 In the Beginning
01:10 GNU + Linux
02:44 What is a Distro?
03:29 Slackware
03:48 Debian
05:30 Redhat
06:17 Arch
06:59 Independent Distros
07:58 Bonus Mindblower

#linux #dev #history

References:

Linux https://www.linux.org/
96.3% of servers run Linux https://www.zdnet.com/article/....can-the-internet-exi
Torvalds uses Fedora https://www.zdnet.com/article/....look-whats-inside-li
GNU/Linux Unified Logo https://www.reddit.com/r/linux..../comments/2a8xvf/sol
Linux Army https://www.reddit.com/r/linux....masterrace/comments/
Distro Timeline https://upload.wikimedia.org/w....ikipedia/commons/1/1

A complete introduction into the wild world of Web3 - the decentralized web. Is Web 3.0 the future or is it all hype? Learn about the technologies and patterns used when building a dapp on the blockchain. https://fireship.io

#web3 #blockchain #webdev

🔗 Resources

Hardhat docs https://hardhat.org/
Web3 is BS https://www.stephendiehl.com/b....log/web3-bullshit.ht
Elon Tweet https://twitter.com/elonmusk/s....tatus/14663209983791
Solidity in 100 Seconds https://youtu.be/kdvVwGrV7ec
Chat Dapp https://youtu.be/J5x3OMXjgMc

Check out these channels:

HashLips for NFTs @HashLipsAcademy
Nader Dabit for Web3 Wisdom @naderdabit

📚 Chapters

00:00 Web1 vs Web2 vs Web3
00:48 Is Web 3.0 all hype?
02:05 Do you need crypto to build dapps?
02:38 How do dapps work?
03:42 How does user authentication work?
04:12 What is a token or NFT?
05:33 How to build a Web3 Frontend?
06:45 How to build a Web3 Backend?
07:41 How do I test a dapp with Ethereum?
08:11 Do I store all data in the blockchain?
08:47 Where to start?

🔥 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

- Top 10 web3 questions
- Web Explained
- Building dapps on Ethereum blockchain
- Ethereum gas fees explained
- Web3 basics for beginners
- Web3 app architecture
- Fungible vs Non-Fungible Tokens

Top 7 security concepts 🛡️ and hacking stories 🎭 that every JavaScript developer should know about. Master these concepts in the Enterprise Security course: https://bit.ly/2wrUqAB (use FIRESHIP50 at checkout).

Full Security Article https://fireship.io/lessons/7-....security-concepts-ha
OWASP Top 10 https://owasp.org/www-project-top-ten/

Concepts:

1. Zero-day 0:47
2. Vulnerable packages 1:22
3. XSS 2:24
4. SQL Injection 3:42
5. Credential Leaks 4:48
6. Principle of Least Privilege 6:11
7. DDoS 7:43

#security #web #javascript

My VS Code Theme

- Atom One Dark
- vscode-icons
- Fira Code Font

Edge computing is becoming a popular way to deliver modern web applications. Let’s find out if the Edge is really faster by comparing Firebase to Vercel Edge Functions with Next.js.

#webdevelopment #javascript #vs

🔗 Resources

Next Firebase Course https://fireship.io/courses/react-next-firebase/
Next.js 12.2 Release https://nextjs.org/blog/next-12-2
Cloud Flare Workers Docs https://developers.cloudflare.com/workers/
CDN Testing Tools https://tools.keycdn.com/performance

🔥 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 edge computing?
- Edge computing benchmarks
- Next.js Edge Functions Tutorial
- Are firebase cloud functions slow?
- Edge Computing drawbacks
- SSR Edge Rendering
- How to prevent cold starts on serverless functions

AI tools like ChatGPT and GPT-4 are changing the way programmers write code. Learn how build a React app with Typescript using with AI prompting and other tricks to speed up development.

#ai #programming #tutorial

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- ChatGPT https://chat.openai.com/
- React Docs https://react.dev/
- Automated workflow tweet https://twitter.com/mckaywrigl....ey/status/1642948620
- Copilot X https://youtu.be/q1HZj40ZQrM

🔥 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

- Building apps with AI
- AI pseudocode techniques
- Can ChatGPT build complete apps?
- GitHub Copilot X features
- Will AI replace programmers?
- TypeScript Tricks with ChatGPT
- How to use AI to code faster

Auth0 is Authentication-as-a-Service used to manage the front door to your application. It provides drop-in user auth solutions that look great on any frontend app, and integrate with any backend server. Try it 👉 https://bit.ly/3peoMQ4

Thanks to @JamesQQuick for going beyond 100 seconds! Subscribe to his awesome channel.

Disclaimer. This video contains a paid endorsement and was produced in collaboration with Auth0. I trust their product and have used it as a customer for many years .

#dev #code #100SecondsOfCode

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

Welcome to the software engineer's technical interview survival guide. Using a mock interview with the classic FizzBuzz question, we cover various tips and strategies for high-pressure problem solving.

Thanks to @ThePrimeagen for collaborating!

#programming #interview #softwareengineer

🔗 Resources

FizzBuzz Question https://leetcode.com/problems/fizz-buzz/
Coding interview https://en.wikipedia.org/wiki/Coding_interview
How to get a Tech Job https://youtu.be/Xg9ihH15Uto
How to Learn to Code https://youtu.be/NtfbWkxJTHw

🔥 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

- Technical interview tips
- What are software engineer interviews like?
- How difficult is a coding interview?
- Failing a technical interview
- How to prepare for programming interview

Supabase is a new open-source "Firebase Alternative". Let's compare features, pricing, and the developer experience to see how Supabase stacks up to Firebase https://fireship.io

#cloud #firebase #review

🔗 Resources

Supabase https://supabase.io/
Firebase https://firebase.google.com/

📚 Chapters

00:00 Supabase vs Firebase
00:50 Feature Parity
01:17 Vendor Lock In
01:49 Authentication
02:35 Security
03:11 Database
04:54 Realtime
05:39 Pricing
07:21 Is Supabase Legit?

🤓 Install the quiz app

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

🔥 Watch more with Fireship 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

Software engineers can be very opinionated about their tools, patterns, and philosophies. Let’s react to some of the most controversial opinions from elite developers on Stack Overflow. 🔥 Grab some swag https://swag.fireship.io/

🔗 Resources

Original StackOverflow question https://stackoverflow.com/ques....tions/406760/whats-y
Trillion Dollar Disaster https://betterprogramming.pub/....object-oriented-prog

📚 Chapters

00:00 Controversial Opinions
00:45 Object-Oriented Programming
02:36 Love to Code
03:24 Lazy Programmers
04:14 Google
04:48 CS Degree
05:48 Bad Teachers
06:35 Unit Testing
07:20 The Customer
08:19 Comments

🔥 Watch more with Fireship 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 Discussed in this Video

- Software Engineering Opinions
- Object-oriented vs functional programming
- Java, JavaScript, Flutter, and Unity
- Coding Best Practices
- Learning how to Code
- Freelance Development

Choosing a modern tech stack is difficult because of the sheer number of tools available. Let's look at 8 important decisions you'll need to make when building a web or mobile app today https://fireship.io

#learntocode #programming #tech

🔗 Resources

Svelte Kit https://kit.svelte.dev
Firebase https://firebase.google.com/
Stack overflow survey https://survey.stackoverflow.c....o/2022/#technology-m
Tech Stacks Explained https://youtu.be/Sxxw3qtb3_g
Svelte in 100 Seconds https://youtu.be/rv3Yq-B8qp4


🔥 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 tools to build web apps
- What is a Tech Stack
- 2022 Developer roadmap
- Web framework comparison
- Top Web Technologies

Learn how to setup React with TypeScript. Compare the pros and cons of using TypeScript in an React project. Learn more in the full course 👉 https://fireship.io/courses/react-next-firebase/

#js #react #typescript

🔗 Resources

Full TypeScript Video https://youtu.be/ahCwqrYpIuM
TS Docs https://www.typescriptlang.org/
Create React App with TS https://create-react-app.dev/d....ocs/adding-typescrip

🤓 Install the quiz app

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

🔥 Get more with Fireship PRO

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

Let's take a look at the top 15 new databases that could disrupt software development in the future. Many new serverless databases leverage tools like Postgres and MySQL, while others attempt build entirely new systems from scratch.

This video is NOT sponsored. No company paid to be on this list.

#database #programming #tech

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- 7 Database Paradigms https://youtu.be/W2Z7fbCLSTw
- SQL in 100 Seconds https://youtu.be/zsjvFFKOm3c

🔥 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

- Modern database paradigms
- Most popluar new databases
- Alternatives to SQL RDBMS
- Artificial Intelligence embedded in databases
- Planetscale
- Yugabye
- NeonDB
- Dolt
- CockroachDB
- Cloudflare D1
- Xata
- 8base
- EdgeDB
- SurrealDB
- FaunaDB
- memgraph
- KeyDB
- Meilisearch
- MindsDB

The C Programming Language is quite possibly the most influential language of all time. It powers OS kernels like Linux, Windows, and Mac and many other low-level systems. Its syntax has inspired many other languages, including Cpp, Csharp, Java, JavaScript, Go, Perl, and more.

#programming #compsci #100SecondsOfCode

🔗 Resources

C Manuel https://www.gnu.org/software/g....nu-c-manual/gnu-c-ma
GCC compiler https://gcc.gnu.org/
C History https://en.wikipedia.org/wiki/....C_(programming_langu

🔥 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

- C programming basics
- C pointers
- Memory safety and segmentation faults
- C syntax
- What is C used for?
- History of C

Learn how to host your website on a Raspberry Pi 4 after your app gets booted from Amazon Web Services (AWS) https://fireship.io/lessons/ho....st-website-raspberry

#aws #rpi #tech

Raspberry Pi https://www.raspberrypi.org/
AWS & Parler https://www.buzzfeednews.com/a....rticle/johnpaczkowsk

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

Debugging is one of the most important skills of a software engineer. Learn 7 techniques, strategies, and tools for debugging as a modern web developer.

#programming #learntocode #software

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Testing in 100 Seconds https://youtu.be/u6QfIXgjwGQ
VS Code Tips https://youtu.be/ifTF3ags0XI
Crash Bandicoot Bug https://www.reddit.com/r/Games..../comments/1pp4oj/how

🔥 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 tools to engineers use to prevent bugs?
- How do you catch bugs during software development?
- How do you learn debugging?
- How to use VS Code debugger
- How to console log in JavaScript

Explore 7 roadmaps or learning paths for beginner developers. The goal of this video is to provide a starting point for aspiring software engineers looking to learn web development, mobile, desktop, IoT, data science, game dev, and low-level systems.

#tech #programming #code

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

How to get 100K tech job https://youtu.be/Xg9ihH15Uto
Learn to Code Tips https://youtu.be/NtfbWkxJTHw

🔥 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 to start learning web development
- Get started with mobile app development
- Data Science learning path
- What is best programming language to learn first?
- Learn to code path for beginners
- Best game engines for noobs
- Tips for learning to code

Learn how the question mark "?" in JavaScript provides syntactic sugar in three powerful ways. https://fireship.io/courses/javascript/

00:00 Ternary Operator
01:15 Optional Chaining
01:45 Nullish Coalescing

Ternary https://developer.mozilla.org/....en-US/docs/Web/JavaS
Optional Chaining https://github.com/tc39/proposal-optional-chaining
Nullish Coalescing https://github.com/tc39/propos....al-nullish-coalescin

#js #100SecondsOfCode

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

Try out Nvidia NIM in the free playground https://nvda.ws/4avifod

Learn how to build a futuristic workforce of AI agents, then self-host and scale them for any workload thanks to Nvidia NIM - a platform that containerizes AI models and runs them on any GPU with Kubernetes.

#programming #ai #nvidia

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Nvidia NIM https://nvda.ws/4avifod
CUDA in 100 Seconds https://youtu.be/pPStdjuYzSI
Docker 101 https://youtu.be/rIrNIzy6U_g

🔥 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 to scale AI models
- How to self-host an AI model
- Nvidia H100 GPU
- Will AI replace humans in the workforce?

Top 7 ways to write CSS code in a React or Next.js app. Learn the tradeoffs between different tools like CSS modules, CSS-in-JS, Sass, Tailwind, Bootstrap, component libraries, and more. https://fireship.io/courses/react-next-firebase/

#css #javascript #webdev

🔗 Resources

NextJS CSS docs https://nextjs.org/docs/basic-....features/built-in-cs
CSS Modules https://github.com/css-modules/css-modules
SCSS Docs https://sass-lang.com/documentation
Mantine Library https://mantine.dev/

🔥 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 ways to write CSS in React
How to use Sass in Next.js
CSS modules tutorial
How to use CSS-in-JS
How to use Tailwind in Next.js
How to use Bootstrap in Next.js
Best component libraries for react

Let's take a look at 13 new developments and controversies that happened in the technology industry in June 2024. Find out which new tech trends will shape the future of humanity.

#tech #programming #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Claude 3.5 https://www.anthropic.com/news/claude-3-5-sonnet
5 New AI tools https://youtu.be/BY81yNttfpg
Tech Trends 2024 https://youtu.be/vyQv563Y-fk

🔥 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

Figma AI
Claude 3.5 Sonnet beats GPT-4o
Etched Transformer Chips
Intel LunarLake
Meta LLM Compiler
Kaspersky Ban
Cloudflare Extortion Controversy
Adobe Sued by FTC
Apple DMA violations
TechLead Drama
GitHub OSS Drama
State of JS Survey
YT Server Ads

Learn what the "this" keyword does in JavaScript in 100 seconds. And stay tuned for a few minutes of more advanced discussion after the credits.

#javascript #100SecondsOfCode

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

Learn how to setup a private smart home from scratch with Home Assistant and a Raspberry Pi. Add the OpenAI integration to give GPT-4 and ChatGPT access to your home's data.

Get a Free ESP32 microcontroller thanks to Brydge https://bit.ly/44Nkode

#tech #iot #ai

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Home Assistant https://www.home-assistant.io
Home Automation example https://www.reddit.com/r/homea....ssistant/comments/zz
Raspberry Pi in 100 seconds https://youtu.be/eZ74x6dVYes

🔥 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 to setup Home Assistant
- Can GPT-4 control a smart home?
- Smart home tips and tricks
- How to make smart home private
- Raspberry Pi Home Automation
- Home automation quick tutorial
- Smart homes of the future

What are some of the worst things about being a programmer? Let's look at 7 dreaded messages that a software engineer never wants to receive.

#programming #tech #comedy

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Programmer Stereotypes https://youtu.be/_k-F-MMvQV4
Technical Interview Survival https://youtu.be/1t1_a1BZ04o

🔥 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

- Worst things about programming
- Should I become a programmer?
- Software engineer career drawbacks
- Programming memes
- The bad parts of learning to code

Find all the best dev content at https://daily.dev/fireship

Remember, for every paid SaaS, there is a free open-source self-hosted alternative. Let's take a look at 10 FOSS tools designed to replace popular tools like MS Office, Notion, Heroku, Vercel, Zoom, Adobe, and more.

#software #programming #linux

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

My Full Linux Self-hosting Course https://fireship.io/courses/linux/
10 Fullstack Apps https://youtu.be/FQPlEnKav48
Unhappy developers https://youtu.be/-pSf9_MgsZ4

🔥 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

⭐ Repos mentioned

LibreOffice https://github.com/LibreOffice
Mattermost https://github.com/mattermost/mattermost
Nocodb https://github.com/nocodb/nocodb
Plane https://github.com/makeplane/plane
Appflowy https://github.com/AppFlowy-IO/AppFlowy
Jitsi https://github.com/jitsi
ERPNext https://github.com/frappe/erpnext
Coolify https://github.com/coollabsio/coolify
Dokku https://github.com/dokku/dokku
Instant https://github.com/instantdb/instant

I hacked my brain with a compact electroencephalogram (EEG) and connected it to GPT-4 with the OpenAI API. In this crazy tutorial, you'll learn how to use JavaScript to read your brainwaves.

#tech #javascript #science

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Neurosity Crown https://neurosity.co
Brainwaves https://www.scientificamerican.....com/article/what-is
Learn JavaScript Basics https://youtu.be/lkIFF4maKMU
GPT-4 overview https://youtu.be/EunbKbPV2C0

🔥 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 you read brainwaves?
- Reading your brain with code
- Mindreading with an EEG
- How to use the OpenAI api
- How do brainwaves work?

Progressive Web Apps (PWA) deliver a native app-like experience on the web. Learn how to analyze and implement service workers to make your web app installable. Build complete PWAs with me here 👉 https://fireship.io/tags/pwa/

What are PWAs? https://web.dev/what-are-pwas/
Workbox https://developers.google.com/web/tools/workbox

00:00 What is a PWA
02:03 Tools of the Trade
04:26 Build a PWA from Scratch

#webdev #pwa #100SecondsOfCode

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

Try Brilliant free for 30 days https://brilliant.org/fireship

Take a look at the latest features in 15 different JavaScript frameworks and the problems they solve for web developers. Take an first look at the React compiler, Angular signals, Svelte runes, and more...

#programming #webdevelopment #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Next.js Full Course https://fireship.io/courses/nextjs/
21 web features https://youtu.be/q1fsBWLpYW4
They fixed React? https://youtu.be/4k6Xgjqkad4

🔥 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

- Best JS frameworks for 2024
- New features in React.js
- What's new on Next.js
- React vs Angular vs Vue
- What is the React Compiler?

A brief history of Megaupload and its controversial founder Kim Dotcom. Find out how a teenage hacker built one of the largest websites in the world, which was eventually seized by the FBI for piracy.

#tech #hacking #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Kim Dotcom Extradition https://www.bbc.com/news/articles/c5y363lw204o
Google Monopoly Loss https://youtu.be/jx2dDV2eWBM
Illegal Web Scraping https://youtu.be/8GhFmQPZAlo

📚 Chapters

🔥 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

- Kim Dotcom extradition to the United States
- Kim Dotcom biopic
- Who is Kim Dotcom
- History of Megaupload
- Concerns about piracy

Let's take a first look at Claude 3, the latest LLM from Anthropic and see how it compares to GPT-4 and Gemini Ultra. Is Claude Opus the best AI tool for writing code?

#programming #ai #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Claude 3 Announcement https://www.anthropic.com/news/claude-3-family
Gemini 1.5 https://youtu.be/xPA0LFzUDiE
ChatGPT Store https://youtu.be/9T_wv6D8PYo
How I record by Fireship videos https://youtu.be/N6-Q2dgodLs

📚 Chapters

🔥 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 best AI coding model?
- Claude 3 analysis
- Has AGI been achieved?
- GPT-4 vs Claude 3
- Gemini Ultra vs Claude 3
- Programming with Claude

What is the best tool for starting a new React project in 2023? Let's look at 7 good alternatives to create-react-app for starting a new ReactJS web development project.

Subscribe to @nxdevtools for more awesome dev content!

#javascript #webdevelopment #reactjs

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- React Apps with Nx https://nx.dev/getting-started..../react-standalone-tu
- Create React App Github Issue https://github.com/reactjs/rea....ctjs.org/pull/5487#i
- 10 Rendering Patterns on the Web https://youtu.be/Dkx5ydvtpCA

🔥 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 to start react project as a beginner
- Getting started with Vite for React
- Build standalone react apps with Nx
- Getting started with Next.js
- Next.js vs Remix
- Gatsby vs Astro

Learning to code can open many doors in life, but it's NOT easy and NOT for everybody. Let's take a look at 8 different techniques supported by science that can help you become a programmer faster. https://fireship.io/pro

#learntocode #tech #programming

🔗 Resources

Feynman Technique https://medium.com/taking-note..../learning-from-the-f
How to Get a Tech Job https://youtu.be/Xg9ihH15Uto
Spacing Effect https://en.wikipedia.org/wiki/Spacing_effect
Don't Learn to Code https://techcrunch.com/2016/05..../10/please-dont-lear

📚 Chapters

00:00 Learn to Code
00:43 1. Hard Work
01:29 2. Patterns over Syntax
02:38 3. Stop Watching
03:22 4. Stay Healthy
03:47 5. Feynman Technique
05:00 6. Dopamine Hits
05:47 7. Not Too Hard tho
06:27 8. Learn Like a Pro

🔥 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

Is Learning to Code hard?
Can anybody learn to code?
Tips for learning programming
Staying healthy while coding
Is coding the new literacy?
How to use the Feynman technique
What is the best programming language to start with? Python, JS, Go, Swift, or Kotlin

Let's take a first look at the new ChatGPT o1 model - a state-of-the-art reasoning AI model from OpenAI that shows unmatched abilities in math, science, and coding.

#programming #ai #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

o1 model https://openai.com/o1/
V0 UI development https://youtu.be/TBIjgBVFjVI
Google's Doom Engine https://youtu.be/SBdDt4BUIW0

📚 Chapters

🔥 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 o1?
- Update on Devin AI programmer
- How does OpenAI o1 work?
- GPT-4o vs o1 benchmarks
- o1 vs Claude
- What is the best LLM in 2024?
- Trends in Artificial Intelligence

Take a first look at a groundbreaking new open-source AI image generation model Flux, which rivals Stable Diffusion and MidJourney. Learn how to run "flux.1" locally and train a LoRA with your own custom data.

#programming #ai #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

How to build an AI girlfriend https://youtu.be/ky5ZB-mqZKM
Uncensored LLMs https://youtu.be/GyllRd2E6fg
Check out Matt Wolfe's Flux.1 tutorial: @mreflow
Flux on GitHub https://github.com/black-forest-labs/flux

🔥 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

- Who is behind Black Forest Labs?
- Stable Diffusion vs Flux
- Midjourney vs Flux
- Best Image generation AI in 2024
- How do you run Flux.1 locally?
- Flux.1 Python tutorial
- How to turn AI images in to video

Next.js version 13 was announced yesterday and it brings huge changes to the framework. They collaborated directly with the React team to create the ultimate web framework and a new webpack replacement built with Rust... let's take a first look.

#javascript #tech #TheCodeReport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Next 13 Announcement https://nextjs.org/blog/next-13
Turbopack Announcement https://vercel.com/blog/turbopack
Next.js Full Course https://fireship.io/courses/react-next-firebase/
Next in 100 Seconds https://youtu.be/Sklc_fQBmcs

🔥 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 changed in Next.js 13?
- Should I upgrade to Next 13?
- Next.js vs Remix
- Next.js vs Nuxt
- Vite vs Turbopack
- Replacing webpack with Turbopack

Video production is hard, so I used the latest AI technology to write, narrate, and edit videos in my own style. Everybody is suddenly worried Artificial General Intelligence or AGI will replace humans in the near future, so let's take a look at popular projects like BabyAGI, AutoGPT, and Jarvis.

#programming #ai #tech

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

BabyAGI https://github.com/yoheinakajima/babyagi
AutoGPT https://github.com/Torantulino/Auto-GPT
Voice Cloning https://elevenlabs.io
Clone YouTuber's Voices https://deepfake.aleem.tv
Brainwaves GPT-4 https://youtu.be/-HYbFm67Gs8

🔥 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

- AutoGPT tutorial
- How to build an AutoGPT tool
- What is HuggingGPT
- Is AGI possible?
- How to make videos with AI
- Stanford paper about AI human simulator
- ChaosGPT used for world domination

What is a JavaScript Closure? Learn the how closures allow functions to "remember" outside their local scope https://fireship.io/tags/javascript/

#js #programming #100SecondsOfCode

🔗 Resources

MDN Docs https://developer.mozilla.org/....en-US/docs/Web/JavaS
My Favorite Closure Explanation https://stackoverflow.com/a/36879264/3808414
Interview Question https://dmitripavlutin.com/sim....ple-but-tricky-javas

🤓 Install the quiz app

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

🔥 Watch more with Fireship 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

Breakdown of the State of JS survey results released in 2023. Which web frameworks are most popular and which ones are most hated? How much money do frontend developers actually make?

#javascript #tierlist #TheCodeReport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

State of JS Results https://stateofjs.com
Tech Trends in the year 2023 https://youtu.be/1v_TEnpqHXE

📚 Chapters

🔥 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

- Trending tools for web developers
- Top JS frameworks for 2023
- React vs Svelte
- React vs Vue
- React vs Angular
- Web development salary expectations
- How much do JavaScript developers earn?

What is the best tool for starting a new React project in 2023? Let's look at 7 good alternatives to create-react-app for starting a new ReactJS web development project.

Subscribe to @nxdevtools for more awesome dev content!

#javascript #webdevelopment #reactjs

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- React Apps with Nx https://nx.dev/getting-started..../react-standalone-tu
- Create React App Github Issue https://github.com/reactjs/rea....ctjs.org/pull/5487#i
- 10 Rendering Patterns on the Web https://youtu.be/Dkx5ydvtpCA

🔥 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 to start react project as a beginner
- Getting started with Vite for React
- Build standalone react apps with Nx
- Getting started with Next.js
- Next.js vs Remix
- Gatsby vs Astro

Learning to code can open many doors in life, but it's NOT easy and NOT for everybody. Let's take a look at 8 different techniques supported by science that can help you become a programmer faster. https://fireship.io/pro

#learntocode #tech #programming

🔗 Resources

Feynman Technique https://medium.com/taking-note..../learning-from-the-f
How to Get a Tech Job https://youtu.be/Xg9ihH15Uto
Spacing Effect https://en.wikipedia.org/wiki/Spacing_effect
Don't Learn to Code https://techcrunch.com/2016/05..../10/please-dont-lear

📚 Chapters

00:00 Learn to Code
00:43 1. Hard Work
01:29 2. Patterns over Syntax
02:38 3. Stop Watching
03:22 4. Stay Healthy
03:47 5. Feynman Technique
05:00 6. Dopamine Hits
05:47 7. Not Too Hard tho
06:27 8. Learn Like a Pro

🔥 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

Is Learning to Code hard?
Can anybody learn to code?
Tips for learning programming
Staying healthy while coding
Is coding the new literacy?
How to use the Feynman technique
What is the best programming language to start with? Python, JS, Go, Swift, or Kotlin

Next.js version 13 was announced yesterday and it brings huge changes to the framework. They collaborated directly with the React team to create the ultimate web framework and a new webpack replacement built with Rust... let's take a first look.

#javascript #tech #TheCodeReport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Next 13 Announcement https://nextjs.org/blog/next-13
Turbopack Announcement https://vercel.com/blog/turbopack
Next.js Full Course https://fireship.io/courses/react-next-firebase/
Next in 100 Seconds https://youtu.be/Sklc_fQBmcs

🔥 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 changed in Next.js 13?
- Should I upgrade to Next 13?
- Next.js vs Remix
- Next.js vs Nuxt
- Vite vs Turbopack
- Replacing webpack with Turbopack

Cognition Labs just unveiled a new AI coding tool called Devin that is designed to automate the job of software engineers. Let's take a first look at Devin and see if it is a truly powerful tool or just artificial intelligence hype.

#ai #programming #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Devin Announcement https://www.cognition-labs.com/blog
SWE Benchmark https://www.swebench.com
Programming AI Assistants https://youtu.be/7h732qLxtAk
Uncensored AI models https://youtu.be/GyllRd2E6fg

🔥 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 Devin?
- Devin vs GPT-4
- Devin vs GitHub Copilot
- Is coding dead?
- Can AI replace software engineers?
- How does Devin AI work?
- Future trends in software development
- Is programming a dying skill
- Should I learn to code?

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

Nuxt3, an SSR framework for Vue, just hit release candidate last week. Let's take a first look at its most powerful features and compare it to other fullstack JavaScript frameworks like Next.js and Remix.

#webdev #js #TheCodeReport

🔗 Resources

- Nuxt3 Release https://nuxtjs.org/announcements/nuxt3-rc/
- Nuxt Docs https://v3.nuxtjs.org/getting-started/quick-start
- Vue in 100 Seconds https://youtu.be/nhBVL41-_Cw
- Next in 100 Seconds https://youtu.be/Sklc_fQBmcs

🔥 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

- Nuxt version 3 first look
- Nuxt3 Review
- Nuxt.js vs Next.js
- Server side rendering with Vue.js
- Nuxt.js features overview
- Deploy vue to serverless edge functions

My chat app became overwhelmed with profanity and spam, but all this could have been avoided with better security practices. Let's take a look at essential app security libraries and techniques.

#programming #hacking #tech

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- Original Chat App Pocketbase Project https://youtu.be/gUYBFDPZ5qk
- 7 Web Security Risks https://youtu.be/4YOpILi9Oxs
- Cryptography Concepts https://youtu.be/NuyzuNBFWxQ
- Cloudflare Turnstile https://www.cloudflare.com/products/turnstile/

🔥 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 to prevent profanity in app
- How to deal with spam bots
- How to prevent website hacking
- Web app security best practices
- Cloudflare Turnstile vs reCaptcha
- Preventing DDoS attacks

Shopify just announced a React-based JavaScript framework called Hydrogen. It is similar to Next.js, but has extra features for ecommerce and data fetching with GraphQL.

#shopify #react #firstlook

🔗 Resources

Hydrogen Docs https://hydrogen.shopify.dev/
React server components https://reactjs.org/blog/2020/....12/21/data-fetching-

📚 Chapters

00:00 Shopify Hydrogen
00:28 Why use it?
01:24 Developer Experience
03:57 Analysis

🔥 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

- Shopify Hydrogen Overview
- Hydrogen vs Next.js
- React server components
- React SSR and SEO for ecommerce
- Headless shopify graphql API

The CEO of Telegram, Pavel Durov, was arrested in France and is facing up to 20 years in prison. Learn how encrypted messaging apps like Telegram and Signal work and why some government officials want to ban them.

#tech #cybersecurity #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Telegram https://telegram.org/
Kim Dotcom https://youtu.be/08g_eJloufs
Google Monopoly https://youtu.be/jx2dDV2eWBM

🔥 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

- Why was Telegram CEO arrested?
- What is end-to-end encryption?
- Signal vs Telegram
- Best messaging apps for privacy
- Legal action against E2EE
- Who is Pavel Durov?

Let's take a first look at Bun 1.0 - the worlds fastest JavaScript runtime. Find out how Bun compares to Node.js and Deno.

#webdevelopment #javascript #thecodereport

🔥 Level up AI code generation with DevGPT

Try it for free: https://devgpt.com/?utm_source=fireship

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Bun 1.0 details https://bun.sh/blog/bun-v1.0
Bun.js Launch Video https://youtu.be/BsnCpESUEqM
Deno NPM modules https://youtu.be/cv7ci6GT5Hg

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- Bun.js vs Node.js
- Bun vs Deno
- How is Bun so fast?
- Are JavaScript apps fast?
- Best JS frameworks
- How to optimize JavaScript performance

SvelteKit just hit version 1.0 and provides an awesome set of tools for building fullstack web applications. Let's take a first look at its features and compare it to other frameworks like Next.js and Nuxt.

#webdevelopment #javascript #TheCodeReport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- SvelteKit announcement https://svelte.dev/blog/announcing-sveltekit-1.0
- SvelteKit Docs https://kit.svelte.dev/
- Svelte in 100 Seconds https://youtu.be/rv3Yq-B8qp4
- Subscribe to Beyond Fireship for the Full Tutorial https://www.youtube.com/channe....l/UC2Xd-TjJByJyK2w1z

🔥 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

- SvelteKit vs Next.js
- SvelteKit vs Nuxt
- Svelte vs React
- Build SSR apps with Svelte

Worldcoin is a cryptocurrency that uses biometric iris data to verify people before making financial transactions. It is a controversial project co-founded by Sam Altman of OpenAI. Some call it a dystopian scam, while others believe it will make the global economy more equitable.

#tech #crypto #thecodereport #ai

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Worldcoin https://worldcoin.org
Worldcoin raises 115M https://techcrunch.com/2023/05..../25/sam-altmans-cryp
AI Regulation https://youtu.be/CDokUdux0rc

🔥 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 Worldcoin?
- Is worldcoin safe?
- Who is funding Worldcoin?
- Top cryptocurrency projects
- The risks of AI
- What is a sybil attack?
- How Iris scanning works
- What is a Zero Knowledge Proof ZKP

Programmers are weird. It is human nature to put people into a box with stereotypes and the tech industry is no exception. Let's take a look at 10 common stereotypes people use for software engineers and developers https://fireship.io/pro

#tech #programming #comedy

💀 Other Funny, but Useless Videos

React for the Haters https://youtu.be/HyWYpM_S-2c
Java for the Haters https://youtu.be/m4-HM_sCvtQ

🔥 Get a Fireship T-shirt - Upgrade for Life!

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment

🔖 Topics Covered

- What are programmer stereotypes?
- What are programmers really like?
- Code memes
- are all programmers introverts?
- programming humor
- jokes about code
- making fun of coders
- what is hacking really like?

Yesterday, a popular open-source package, Faker.js, was abruptly taken down from GitHub. Its readme simply said “What really happened to Aaron Swartz?”. Let’s take a look at why Open Source Software can be a bad deal for many independent developers.

Note. This video was reuploaded after new information came to light.

#dev #opensource #history

🔗 Resources

https://github.com/marak/Faker.js/
http://docs.jstor.org/jstor-st....atement-misuse-incid
https://www.rollingstone.com/c....ulture/culture-news/
https://nypost.com/2018/01/27/....these-hackers-suicid

📚 Chapters

00:00 Faker.js Disappeared
00:29 What happened to Aaron Swartz?
02:15 The Problem with Open Source

🔥 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

- Why Faker.js disappeared
- The Aaron Swartz story
- Why was Aaron Swartz arrested?
- What did Aaron Swartz create?
- Open Source Pitfalls
- Problems with Open Source

Angular is adding a new feature called signals that will give it a reactive primitive similar to Vue.js and Solid. Learn how it compares to other popular JavaScript frameworks like React.js and Svelte.

#javascript #programming #TheCodeReport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Angular Signals Demo https://angular-signals.netlify.app
RFC https://github.com/angular/ang....ular/discussions/496
In Depth Change Detection https://indepth.dev/posts/1510..../rendering-cycle-in-
Angular in 100 Seconds https://youtu.be/Ata9cSC2WpM

🔥 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

- Angular Signals tutorial
- Is Angular dead?
- History of JavaScript frameworks
- Cool new JavaScript features
- Will Angular signals replace RxJS?
- Reactive programming on the web

GUN is a decentralized graph database (or graph synchronization protocol) . Learn how to use the GUN JavaScript API and start writing data to your own peer-to-peer network. https://github.com/amark/gun

#js #database #100SecondsOfCode

🔗 Resources

GUN https://gun.eco/
Bitcoin in 100 Seconds https://youtu.be/qF7dkrce-mQ

🤓 Install the quiz app

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

🔥 Watch more with Fireship 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

Try Brilliant free for 30 days https://brilliant.org/fireship You’ll also get 20% off an annual premium subscription

The White House recently unveiled a plan to deal with networking weaknesses in the Border Gateway Protocol. In the past, the BGP has been exploited or misconfigured to cause massive disruptions on the Internet.

#hacking #tech #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

BGP roadmap https://www.whitehouse.gov/onc....d/briefing-room/2024

CrowdStrike Disaster https://youtu.be/H9RSeDUdkCA
Rabbit R1 Hack https://youtu.be/lkbV8oP-F44

🔥 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

- Biggest Internet outages in history
- What is the Border Gateway Protocol?
- Major weaknesses on the internet
- How are networks kept secure?
- Cryptographic security in networking

Neuralink recently demonstrated the results of a brainchip installed in their first human patient. Learn how the Neuralink N1 is installed and how it reads brainwaves to perform actions entirely from thoughts.

#tech #neuroscience #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Full Neuralink demo https://twitter.com/neuralink/....status/1770563939413
Neuralink https://neuralink.com
Using my Brain to control GPT-4 https://youtu.be/-HYbFm67Gs8


🔥 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 Neuralink?
- How do brainwaves work?
- The future of brain technology
- How does Neuralink help people with disabilities
- Pros and cons of Elon Musk's Neuralink

Convex is the realtime backend platform that actually replaces Firebase. Try out Convex for free: https://cvx.so/fireship

Google Chrome, Mozilla Firefox, Microsoft Edge, and Apple Safari dominate the web browser market share, but there are new emerging alternatives like Arc, Brave, and Ladybird that could shakeup the Internet over the next few years.

#programming #webdevelopment #thecodereport #ladybird #arc #brave

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

LadyBird Browser https://ladybird.org
WebDev 101 https://youtu.be/erEgovG9WBs
Illegal Web Scrapers https://youtu.be/8GhFmQPZAlo

📚 Chapters

🔥 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

- Chrome browser alternatives
- What is LadyBird browser?
- What is SerenityOS?
- Web browser war analysis
- Top browser engines
- Browser market share

Let's take a first look at React 19 and a variety of changes will improve the developer experience. We compare React's changes to other JavaScript frameworks like Svelte, Vue, and Angular.

#webdevelopment #programming #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

React Blog Post https://react.dev/blog/2024/02..../15/react-labs-what-
React for the Haters https://youtu.be/HyWYpM_S-2c
Fireship Next.JS course https://fireship.io/courses/nextjs/

🔥 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's new in react version 19
- React vs Vue
- React vs Svelte
- React 19 compiler

Google recently lost it's legal battle against the Dept of Justice, which accused it of monopolistic activity. Google's exclusive search engine deals with Apple and Android phone manufacturers were determined to be illegal.

#tech #google #thecodereport #google

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

AP Story https://apnews.com/article/goo....gle-antitrust-search
Google Search Leak https://youtu.be/XNQhDl4a9Ko
Apple Intelligence Fail https://youtu.be/ek2yOqAIYuU

🔥 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

- Google monopoly case analysis
- Recent Google legal challenges
- Apple antitrust case
- Meta antitrust case
- Amazon antitrust case
- Apple vs Google
- SEO news

Fleet has arrived... a brand new IDE from JetBrains that many have called a "VS Code killer". It has a feature called smart mode that turns a basic text editor into a full-blown IDE.

#programming #tech #TheCodeReport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Fleet Announcement https://blog.jetbrains.com/fle....et/2022/10/introduci
Fleet architecture https://www.infoworld.com/arti....cle/3664112/jetbrain
I tried 10 text editors https://youtu.be/8PhdfcX9tG0
VS Code in 100 Seconds https://youtu.be/KMxo3T_MTvY

🔥 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

- JetBrains Fleet Review
- Pros and Cons of Fleet
- Is Fleet better than VS Code?
- Is Fleet a good IDE?
- Fleet vs VS Code
- Fleet vs Vim

They say a Software Engineer is just a “professional google searcher” and that is 100% accurate. Learn how to use Google like a 10x developer to get the information you need faster. Follow me on Odysee https://odysee.com/@fireship:8

#google #learntocode #programminghumor

🔗 Resources

Google Commands https://support.google.com/web....search/answer/246643

📚 Chapters

00:00 Professional Google Searchers
00:30 Exact
01:07 Site
01:22 Exclude
01:39 Before or After
01:55 Range
02:06 Logic & Group
02:20 Wildcard
02:36 FileType
02:48 Search the Fringe
03:22 Competitor Research
03:45 Cache

🔥 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

- Google Search Tips
- Google Dorking
- Developer Productivity
- How to Improve as a Programmer

Learn how Custom Properties or CSS Variables work in 100 Seconds. Stay tuned for a full CSS theme-toggler project the uses variables with JavaScript https://fireship.io/tags/css

My favorite example https://alligator.io

#css #100SecondsOfCode

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

Let's breakdown the StackOverflow survey results to determine the best and worst programming languages of 2023. Find out which technologies have the highest salaries and how AI tools like ChatGPT are changing the programming landscape?

#programming #tech #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

StackOverflow 2023 Results https://survey.stackoverflow.co/2023
How to Land a Tech Job https://youtu.be/Xg9ihH15Uto
State of JS breakdown https://youtu.be/vdiYtiKD8eI

🔥 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

- Top programming languages to learn
- PHP median salary
- What are the highest paid programming languages?
- How popular are AI tools for programmers?
- Do programmers use ChatGPT
- Do you need a college degree to become a programmer?
- How much money do programmers make?
- How many programmers work remote?
- Top IDEs for developers

Carbon is a new early-stage programming language from Google designed as a successor to C++ for low level systems development. It has full interoperability with Cpp, along with improved memory safety, generics, and a cleaner syntax.

#programming #tech #TheCodeReport

🔗 Resources

Carbon on Github https://github.com/carbon-language/carbon-lang
Google Carbon Announcement https://9to5google.com/2022/07..../19/carbon-programmi
C++ in 100 Seconds https://youtu.be/MNeX4EGtR5Y
Rust in 100 Seconds https://youtu.be/5C_HPTJg5ek

🔥 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 carbon lang?
- Will carbon replace Cpp?
- Pros and cons of C plus plus
- How does carbon lang work?
- Why use Carbon instead of Rust?
- Carbon vs Go
- Rust vs C++

Amazon Prime Video released an article explaining how they saved 90% on cloud computing costs by switching from microservices to a monolith. Let's examine the details of their software architecture and find out why serverless was a bad choice.

#programming #aws #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Prime Video Serverless Article https://www.primevideotech.com..../video-streaming/sca
Majestic Monolith https://m.signalvnoise.com/the-majestic-monolith
AWS for the Haters https://youtu.be/ZzI9JE0i6Lc

🔥 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

- Monolith vs Microservice
- Pros and Cons of serverless
- Serverless pitfalls
- AWS lambda vs EC2
- What is a microservice
- How to save money on AWS
- Startups that have left the cloud

Mojo is a new LLVM programming language designed as a superset of Python with the low-level performance of C. It is optimized to run on GPUs with CUDA and other exotic hardware for deep learning and Artificial Intelligence.

#programming #tech #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- Mojo Language https://www.modular.com/mojo
- @howardjeremyp Mojo Video https://youtu.be/6GvB5lZJqcE
- LLVM in 100 Seconds https://youtu.be/BT2Cv-Tjq7Q
- Python in 100 Seconds https://youtu.be/x7X9w_GIm1s
- Linear Algebra for Programmers https://youtu.be/bOCHTHkBoAs

🔥 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 Mojo Language?
- Best Python alternative
- Is python slow?
- Futuristic AI programming languages
- Is mojo a python killer?
- Mojo vs Python
- Mojo vs Rust
- Mojo vs C++

People have been debating the merits of Tailwind on twitter recently, so let's look at the pros and cons of this popular CSS library.

#css #webdevelopment #TheCodeReport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Tailwind Docs https://tailwindcss.com/
Source Tweet https://twitter.com/shadcn/sta....tus/1613595843059404
Tailwind in 100 Seconds https://youtu.be/mr15Xzb1Ook
Pico CSS https://picocss.com/
VS Code Inline Fold https://github.com/moalamri/vscode-inline-fold


🔥 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

- Should I use tailwind?
- Why is tailwind popular?
- Tailwind vs CSS?
- Tailwind pro tips
- Twitter drama about CSS and web development

Google's new GameNGen paper describes how the build the classic Doom game from 1993 without a game engine. Learn how diffusion models could change the future of Game development

#gamedev #ai #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

GameNGen Paper https://gamengen.github.io/
Flux Image Model https://youtu.be/QYVucud3ptc
Linear Algebra Fails https://youtu.be/krixaEhLnlA

🔥 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

- Future trends in game development
- Google's Doom Engine
- Who is John Carmack?
- Building doom with AI
- Stable diffusion for game development
- How does the Doom rendering engine work?

Visual Studio Code is an open-source lightweight code editor maintained by Microsoft. Get the full VS Code Magic Tricks course to write better code faster https://fireship.io/courses/vscode-tricks

🔥 Black Friday - Upgrade to PRO 🔥

Discount 33.330000000000003%
Free Sticker
Free T-Shirt (lifetime members)

Use code: 1LDSQD4q
👉 https://fireship.io/pro

#learntocode #vscode #100SecondsOfCode

🔗 Resources

Open VS Code now https://vscode.dev
VS Code Docs https://code.visualstudio.com/docs
Also checkout VIM https://youtu.be/-txKSRn0qeA

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- What is VS Code?
- VS Code tour
- VS Code as IDE
- Best code editor for beginners

Take first look at PocketBase, a new backend platform using the Go programming language and SQLite database that compiles to a single executable. It is a lightweight alternative to tools like Firebase and Supabase for easy backend development.

#programming #firstlook #TheCodeReport

🔗 Resources

- PocketBase Github https://github.com/pocketbase/pocketbase
- Pocketbase HomePage https://pocketbase.io/
- Firebase Alt Video https://youtu.be/SXmYUalHyYk
- Edge Functions Video https://youtu.be/yOP5-3_WFus

🔥 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 PocketBase?
- Pocketbase vs Supabase
- Pocketbase vs Firebase
- Is PocketBase production ready?
- How to choose a backend for an app?

Linux is a cryptic labyrinth of directories defined my Filesystem Hierarchy Standard (FHS). Learn the purpose of the most common Linux directories in 100 seconds https://fireship.io/tags/linux/

00:00 Filesystem Hierarchy Standard
00:10 /
00:15 /bin
00:30 /sbin
00:38 /lib
00:42 /usr/bin
00:54 /usr/local/bin
01:05 PATH
01:20 /etc
01:34 /home
01:58 /boot
02:02 /dev
02:12 /opt
02:17 /var
02:24 /tmp
02:29 /proc

#linux #dev #100SecondsOfCode

Linux https://fireship.io/tags/linux/
FHS https://en.wikipedia.org/wiki/....Filesystem_Hierarchy

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

Qwik is a JavaScript framework that uses a new rendering paradigm called resumability. It can serialize a JavaScript app into HTML, thus eliminating the need for the hydration technique used in meta-frameworks like Next.js.

#javascript #programming #TheCodeReport

🔗 Resources

- Qwik GitHub https://github.com/BuilderIO/qwik
- Docs https://qwik.builder.io/docs/overview/
- Beta Announcement https://www.builder.io/blog/qw....ik-and-qwik-city-hav
- Lazy Loading Tutorial https://youtu.be/kwUfeWe7DCw

🔥 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 Qwik framework?
- Qwik vs React
- Qwik vs Angular
- Best JS frameworks of 2022
- How to make JS bundle smaller?

Vector databases are rapidly growing in popularity as a way to add long-term memory to LLMs like GPT-4, LLaMDA, and LLaMA. Learn how popular vector databases like Pinecone and Weaviate can store ML embeddings to integrate with tools like ChatGPT.

#programming #tech #TheCodeReport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Full Vector DB tutorial coming soon on @beyondfireship
Rektor https://github.com/codediodeio/rektor-db
OpenAI Embeddings https://platform.openai.com/docs/guides/embeddings
Weaviate GitHub https://github.com/weaviate/weaviate
Chroma GitHub https://github.com/chroma-core/chroma


🔥 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 vector in computer science?
- VC funding of databases news
- What are ML embeddings?
- What is a vector database?
- Vector database vs SQL
- Are vector databases fast?
- How to make custom chatGPT app
- Vector database basics tutorial
- Trending github repos about AGI

Let's take a first look at that latest release of shadcn/ui and combine it with Vercel's V0 tool - an AI tool for building front-end UIs on the web.

#programming #webdev #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

shadcn/ui https://ui.shadcn.com
React 19 updates https://youtu.be/4k6Xgjqkad4
JS Frameworks features in 2024 https://youtu.be/466U-2D86bc

🔥 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 ShadCN?
What is v0?
AI tools for frontend development
How to design a web UI quickly

Java 21 will bring major improvements to the world's most popular enterprise programming language. Learn about unnamed classes, string templates, and other new features expected in the future.

#programming #tech #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Java 21 Unnamed Classes https://openjdk.org/jeps/445
Java in 100 Seconds https://youtu.be/l9AzO1FMgM8
Java for the Haters https://youtu.be/m4-HM_sCvtQ

🔥 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

- New Java features in version 21
- Java Programming basics
- Unnamed classes and Instance Main Methods
- Java Memes
- Should I learn Java?
- Why do people hate Java?

Try Brilliant free for 30 days https://brilliant.org/fireship You’ll also get 20% off an annual premium subscription.

Learn the basics of FreeBSD - a UNIX-like operating system that shares code with projects like iOS, MacOS, Nintendo, PlayStation, and many other projects.

#programming #linux #100SecondsOfCode

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

NixOS in 100 Seconds https://youtu.be/FJVFXsNzYZQ
Linux 101 https://youtu.be/LKCVKw9CzFo

🔥 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

- FreeBSD Tutorial
- Free BSD quick start
- What is BSD?
- BSD vs Linux
- What is Apple Darwin?
- How does Nintendo Switch OS work?

Astro version 1.0 just launched giving developers a way to build server-rendered websites with any JavaScript framework. It uses the islands architecture and partial hydration to deliver fast apps with frameworks like React, Vue, Svelte, and more.

#programming #javascript #TheCodeReport

🔗 Resources

- Astro Launch Blog https://astro.build/blog/astro-1/
- Astro on GitHub https://github.com/withastro/astro
- I built a JS framework https://youtu.be/SJeBRW1QQMA
- Astro in 100 Seconds https://youtu.be/dsTXcSeAZq8

🔥 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 Astro.js?
- Is Astro a good framework?
- Pros and cons of using Astro
- How build a fast website
- Top web development frameworks
- Best JS frameworks in 2022
- JS framework drama

What are Scalable Vector Graphics 🤏? How are vector images different than raster images? Learn the fundamentals of SVG in 100 seconds!

Learn more about web design, SVG, and CSS in this tutorial: https://fireship.io/lessons/css-cards-animated/

References:

Star Wars Animation https://codepen.io/nerdmanship/pen/ZLoyPG
Path Docs https://developer.mozilla.org/....en-US/docs/Web/SVG/T

#webdev #html #100SecondsOfCode

Install the quiz app 🤓

iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f

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

A recent ChatGPT exploit known as DAN allowed users to get the AI to violate the ethics and guidelines set by OpenAI. The results are both hilarious and terrifying.

#chatgpt #ai #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

ChatGPT https://chat.openai.com/
Original Twitter Thread https://twitter.com/Aristos_Re....venge/status/1622840
Google Bard Launch https://www.reuters.com/techno....logy/google-ai-chatb
5 ideas for AI startups https://youtu.be/Aa83vRghue4
Video title inspired by @thespiffingbrit

🔥 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

- Ethical and moral concerns with AI
- Did Google release an AI chatbot?
- Google Bard vs ChatGPT
- Is chatGPT biased?
- ChatGPT hacked
- DAN do anything now

Try Brilliant free for 30 days https://brilliant.org/fireship You’ll also get 20% off an annual premium subscription.

Nix is a purely functional package manager and config tool. It also takes form as a fully-fledged Linux distro called NixOS.

#linux #programming #100SecondsOfCode

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Nix Project https://nixos.org
Linux 101 https://youtu.be/LKCVKw9CzFo
Mac vs Windows vs Linux https://youtu.be/AdygBbbEnco

🔥 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 NixOS?
- Why use Nix?
- Nix basics tutorial
- What is the best Linux distro?
- Advanced Linux concepts

Fresh is a fullstack web framework for Deno that allows developers to build fast server-rendered webapps. It uses the "Islands Architecture" to limit JavaScript to specific components and can be deployed to the edge.

#webdevelopment #javascript #TheCodeReport

🔗 Resources

Fresh Announcement https://deno.com/blog/fresh-is-stable
Fresh on Github https://github.com/denoland/fresh
Deno in 100 Seconds https://youtu.be/F0G9lZ7gecE

🔥 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

- Fresh web framework tutorial
- Web frameworks for demo
- What is islands architecture?
- What is partial hydration?
- Fresh vs Next.js
- Fresh vs Remix

Artificial intelligence has started to make a real impact on the world by replacing human jobs and making some business models obsolete. We take a look at this week's biggest AI news and identify the biggest losers in the AI race.

#ai #tech #thecodereport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Geoffrey Hinton Resigns https://fortune.com/2023/05/01..../godfather-ai-geoffr
Chegg ChatGPT decline https://www.cnbc.com/2023/05/0....2/chegg-drops-more-t
Ibm replaced 7800 Jobs with AI https://www.reuters.com/techno....logy/ibm-pause-hirin
Elon Musk wants to Stop ChatGPT https://youtu.be/TpZcGhYp4rw

🔥 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

- Why did Geoffrey Hinton quit google?
- Palantir military AI demo
- Is AI really dangerous?
- IBM replacing jobs with AI
- Which jobs are affected by AI?
- Stocks that are down because of ChatGPT

Ready to build your first website? HTML or Hypertext Markup Language is one of the core building blocks of the web. Learn the history of HTML and how it's used to give structure to a webpage. Learn more at https://fireship.io

#webdev #programming #100SecondsOfCode

🔗 Resources

HTML history https://home.cern/science/comp....uting/birth-web/shor
HTML basics https://developer.mozilla.org/en-US/docs/Web/HTML
Watch my Web 1.0 beta short https://youtu.be/ZIv4hb_Swug

🔥 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
- MonoLisa Font used for snippets

🔖 Topics Covered

- What is HTML?
- HTML history
- How to build your first website?
- HTML intro for beginners
- How does HTML work
- Document Object Model