logo

100 Seconds of Code

Thumbnail
Array Map in 100 Seconds
307K views β€’ almost 5 years ago
Learn Array Map in 100 seconds (of JavaScript). ⚑ #JavaScript #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Big-O Notation in 100 Seconds
500K views β€’ almost 5 years ago
Learn Big-O Notation in 100 Seconds (of Computer Science). βš‘πŸ”¬ #compsci #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Array Reduce in 100 seconds
222K views β€’ almost 5 years ago
Learn JavaScript's Array Reduce method in 100 seconds. Take many things and reduce them down to one thing. #JavaScript #100SecondsOfCode Array Reduce: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Recursion in 100 Seconds
375K views β€’ almost 5 years ago
Learn how recursion ♾️works in 100 seconds. https://fireship.io #compsci #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
JavaScript Modules in 100 Seconds
238K views β€’ almost 5 years ago
Learn how to import and export JS code with ES Modules in 100 seconds. Get the cheatsheet https://www.samanthaming.com/tidbits/79-module-cheatsheet #JavaScript #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Sign in with Apple from a Firebase Web App
91K views β€’ over 4 years ago
Learn how to Sign in with Apple from your Firebase web app in 100 seconds. Step-by-step breakdown: https://fireship.io/lessons/apple-signin-with-firebase-tutorial/ #firebase #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Beyond Console Log in 100 Seconds
386K views β€’ over 4 years ago
Ready to go beyond console.log? The JavaScript console can do much more than just log... #JavaScript #100SecondsOfCode 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
Thumbnail
CSS Flexbox in 100 Seconds
717K views β€’ over 4 years ago
Learn the most important concepts of CSS Flexbox Layout in 100 seconds. #css #webdev #100SecondsOfCode 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
Thumbnail
Electron JS in 100 Seconds
548K views β€’ over 4 years ago
Build your first native desktop app (MacOS, Windows, Linux) in 100 seconds with Electron JS. https://fireship.io/tags/electron/ Electron Docs https://www.electronjs.org/ #100SecondsOfCode #Electron #JS Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Git Explained in 100 Seconds
515K views β€’ over 4 years ago
Learn the basics of Git in 100 seconds. 0:09 Initialize a git repo 0:33 Stage files 0:39 Commit a snapshot 1:12 Branch off into an alternate universe 1:30 Merge a branch into master Follow me on Github https://github.com/codediodeio Git Docs: https://git-scm.com/ #git #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
CSS Grid in 100 Seconds
349K views β€’ over 4 years ago
Learn the basics of CSS Grid in 100 seconds. Grid 🍱⚑ is a powerful tool that can build layouts in the context of columns and rows. It's not easy to learn, but can dramatically simplify CSS positioning code for responsive designs. Stay tuned for a full grid project next week! https://fireship.io/tags/css/ Grid Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout #css #tutorial #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
DevOps CI/CD Explained in 100 Seconds
1.3M views β€’ over 4 years ago
What is DevOps? How to setup a CI/CD pipeline? Learn the basics of continuous integration & delivery and how it can optimize your productivity and code quality. After this, go further πŸ‘‰ https://youtu.be/eB0nUzAI7M8 Demo Repo https://github.com/fireship-io/225-github-actions-demo Stay tuned for a full Github Actions DevOps project. https://github.blog/2019-08-08-github-actions-now-supports-ci-cd/ CI/CD https://en.wikipedia.org/wiki/Continuous_integration Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
GitHub Pull Request in 100 Seconds - Git a FREE sticker πŸ”₯
517K views β€’ over 4 years ago
How to submit your first pull request on GitHub in 100 seconds. Fork the repo below, then contribute a PR to receive a free hologram sticker in the mail https://github.com/fireship-io/git-sticker How to Participate on Github https://fireship.io/snippets/git-how-to-participate-on-github/ GitHub PR Docs Official https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/about-pull-requests #git #freestuff #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
CSS Variables in 100 Seconds
161K views β€’ over 4 years ago
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/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
What is THIS in JavaScript? in 100 seconds
219K views β€’ over 4 years ago
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/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Vue.js Explained in 100 Seconds
1.3M views β€’ over 4 years ago
What is Vue.js? Learn the basics of Vue and build your first reactive UI component in just 100 seconds βš‘πŸ‘€ https://fireship.io/courses/vue/ Vue Docs https://vuejs.org/ Build a full-stack app with Vue & Firebase πŸ”₯πŸ‘€ https://fireship.io/courses/vue/ Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
COBOL in 100 seconds
1.2M views β€’ over 4 years ago
COBOL is the hottest programming language of 2020. Learn how it powers the world's mainframe computers in 100 seconds. Support this channel by upgrading to a PRO member at https://fireship.io #cobol #compsci #100SecondsOfCode COBOL Docs https://en.wikipedia.org/wiki/COBOL My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Flutter in 100 seconds
785K views β€’ over 4 years ago
Build apps on iOS, Android, the web, and desktop with Flutter in 100 seconds. Go beyond the basics in the Flutter Firebase course https://fireship.io/courses/flutter-firebase/ #Flutter #100SecondsOfCode Flutter https://flutter.dev Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
CSS Animation in 100 Seconds
363K views β€’ over 4 years ago
Learn the basics of CSS transitions and keyframe animations in 100 seconds. #css #animation #100SecondsOfCode Easing Functions https://easings.net/ Keframes docs https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Graph Search Algorithms in 100 Seconds - And Beyond with JS
275K views β€’ over 4 years ago
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/javascript/interview-graphs/ #compsci #JavaScript #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Deno in 100 Seconds
520K views β€’ over 4 years ago
Deno is a brand new JavaScript runtime, similar to Node.js. Use it to develop secure server-side apps with built-in TypeScript support, ES modules, and promise-based APIs. Learn more at https://deno.land #javascript #nodejs #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Get Paid with Stripe in 100 Seconds
218K views β€’ over 4 years ago
Stripe makes your wildest app monetization πŸ’Έ strategies possible. Learn how to process your first online payment, then go further with the full course https://fireship.io/courses/stripe-js/ #stripe #javascript #100SecondsOfCode Course Source Code: https://github.com/fireship-io/stripe-payments-js-course Stripe Docs: https://stripe.com/docs/payments 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
Thumbnail
Regular Expressions (RegEx) in 100 Seconds
580K views β€’ over 4 years ago
Learn how to use Regular Expressions, or RegEx, in 100 Seconds. Grab the cheatsheet here https://fireship.io/lessons/regex-cheat-sheet-js/ RegExr Tool https://regexr.com/ #regex #js #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
CSS Pseudo-classes: in 100 Seconds
101K views β€’ over 4 years ago
Learn how to use CSS pseudo-classes to style an element based on changes to its state. like :hover, :focus, and :nth-child. https://fireship.io/tags/css/ #css #100SecondsOfCode #tutorial MDN Docs https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
CSS Pseudo-elements :: in 100 Seconds
102K views β€’ over 4 years ago
Learn how to use CSS pseudo-elements to style content that does not actually exist in your HTML, like ::before and ::after https://fireship.io/tags/css/ Also watch CSS pseudo-classes: https://youtu.be/kpXKwDGtjGE Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Docker in 100 Seconds
962K views β€’ about 4 years ago
🐳 Docker is a required skill for almost every developer in today's world. Learn the basics of Dockerfiles, images, and containers in 100 seconds. https://fireship.io Docker Docs https://docs.docker.com/ #docker #dev #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Computer Networking in 100 Seconds
239K views β€’ about 4 years ago
Learn the fundamentals of the OSI model for computer networking in 100 seconds. https://fireship.io #compsci #100SecondsOfCode OSI Model https://en.wikipedia.org/wiki/OSI_model Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.
Thumbnail
React in 100 Seconds
1.4M views β€’ about 4 years ago
React is a little JavaScript library with a big influence over the webdev world. Learn the basics of React in 100 Seconds https://fireship.io/tags/react/ How I make these Videos https://youtu.be/N6-Q2dgodLs #react #webdev #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Angular in 100 Seconds
773K views β€’ about 4 years ago
Angular is arguably the most advanced frontend JavaScript framework ever created. Learn the basics of Angular in 100 Seconds. https://fireship.io/courses/angular/ Docs https://angular.io #webdev #js #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
The Legend of jQuery in 100 Seconds
414K views β€’ about 4 years ago
jQuery is the world's most popular JavaScript library (by far) in terms of sites using it in production today. Learn the basics of jQuery in 100 seconds. Docs https://api.jquery.com/ #js #webdev #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Kubernetes Explained in 100 Seconds
1.1M views β€’ about 4 years ago
Learn the basics of Kubernetes and how it's used to scale containers to massive workloads in the in cloud, in 100 seconds. https://fireship.io/tags/docker/ Docker in 100 Seconds https://youtu.be/Gjnup-PuquQ Full docker Tutorial https://youtu.be/gAkwW2tuIqE Official Kube docs https://kubernetes.io/ #docker #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
NGINX Explained in 100 Seconds
1.3M views β€’ about 4 years ago
Learn how NGINX is used a web server, reverse proxy, load balancer, and HTTP cache to handle the demands of high traffic sites. https://nginx.org #nginx #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Web Assembly (WASM) in 100 Seconds
910K views β€’ almost 4 years ago
Learn the fundamentals of Web Assembly in 100 Seconds, then build your first WASM binary with AssemblyScript. https://fireship.io - WASM Docs https://developer.mozilla.org/en-US/docs/WebAssembly - Figma's Story https://www.figma.com/blog/webassembly-cut-figmas-load-time-by-3x/ - AssemblyScript https://www.assemblyscript.org/ #webdev #wasm #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Session vs Token Authentication in 100 Seconds
1.1M views β€’ almost 4 years ago
Learn the difference between session and token-based authentication on the web. Master Web Security in 12 weeks πŸ‘‰ https://websecurity-academy.com/?aff=487495_h0fjhwrd Enroll before the deadline on 31st Oct (Saturday). #web #security #100SecondsOfCode
Thumbnail
TypeScript in 100 Seconds
882K views β€’ almost 4 years ago
Learn the basics if TypeScript in 100 Seconds! If you love TS, upgrade to Fireship PRO for 40% off using code mbus5Kcj at https://fireship.io/pro TypeScript docs https://www.typescriptlang.org/ #typescript #js #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Firebase Security in 100 Seconds
97K views β€’ almost 4 years ago
πŸ›‘οΈ Secure your Firebase app in 100 Seconds! Learn the basics of Firestore Rules then enroll in my Firebase Security Course https://fireship.io/courses/firebase-security/ #firebase #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
WebSockets in 100 Seconds & Beyond with Socket.io
1M views β€’ almost 4 years ago
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-demo.git - WebSockets https://developer.mozilla.org/en-US/docs/Web/API/WebSocket - socket.io https://socket.io #webdev #js #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Progressive Web Apps in 100 Seconds // Build a PWA from Scratch
780K views β€’ almost 4 years ago
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/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Next.js in 100 Seconds // Plus Full Beginner's Tutorial
1.1M views β€’ almost 4 years ago
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/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
JS Destructuring in 100 Seconds
172K views β€’ almost 4 years ago
Make your code more concise and readable by learning destructuring assignment in JavaScript in 100 seconds https://fireship.io/courses/javascript/ #webdev #js #100SecondsOfCode MDN Docs https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Raspberry Pi Explained in 100 Seconds
1M views β€’ over 3 years ago
What is a Raspberry Pi? Learn about all the parts and capabilities of the world's most popular tiny computer. https://fireship.io/tags/rpi https://www.raspberrypi.org/ #raspberrypi #learntocode #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
? in NaN Seconds
129K views β€’ over 3 years ago
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/JavaScript/Reference/Operators/Conditional_Operator Optional Chaining https://github.com/tc39/proposal-optional-chaining Nullish Coalescing https://github.com/tc39/proposal-nullish-coalescing #js #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
~/.dotfiles in 100 Seconds
422K views β€’ over 3 years ago
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/Beyond-Dotfiles-in-100-Seconds Full Dotfiles Course http://dotfiles.eieio.xyz/ #dev #learntocode#100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
SEO for Developers in 100 Seconds
614K views β€’ over 3 years ago
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/rendering-on-the-web ISR https://nextjs.org/docs/basic-features/data-fetching#incremental-static-regeneration 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
Thumbnail
Vim in 100 Seconds
1.2M views β€’ over 3 years ago
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/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Linux Directories Explained in 100 Seconds
1.5M views β€’ over 3 years ago
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_Standard Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
GraphQL Explained in 100 Seconds
1.2M views β€’ over 3 years ago
What is GraphQL? Learn how it compares to REST and why developers love this query language for reading and mutating data in APIs https://fireship.io/tags/graphql GraphQL API Docs https://graphql.org/ SpaceX GraphQL API https://api.spacex.land/graphql/ #dev#graphql #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Dgraph Graph Database in 100 Seconds
178K views β€’ over 3 years ago
Learn the fundamentals of Dgraph - an open-source Graph Database that implements GraphQL as its query language πŸš€ https://cloud.dgraph.io #database #graphql #100SecondsOfCode References: Try Dgraph for free https://cloud.dgraph.io Dgraph on Github https://github.com/dgraph-io/dgraph What is a Graph Database? https://en.wikipedia.org/wiki/Graph_database
Thumbnail
RESTful APIs in 100 Seconds // Build an API from Scratch with Node.js Express
1.5M views β€’ over 3 years ago
What is an API? What is REST? Learn how an Application Programming Interface (API) can adhere to Representational State Transfer (REST) to enable reliable communication between apps https://fireship.io/tags/node/ πŸ‘• Best comment wins a free T-shirt (read fine print at end of video) Open API Spec https://swagger.io/specification/ Request Methods https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods #api #js #100SecondsOfCode Install the quiz app πŸ€“ iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font
Thumbnail
Bitcoin β‚Ώ in 100 Seconds // Build your Own Blockchain
455K views β€’ over 3 years ago
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/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font