Tag WebDev
Tìm kiếm bài viết trong Tag WebDev
Google Sheets… Your Next Database?
Can you use Google Sheets as a database? Learn how to build a Next.js app using a spreadsheet as the data layer https://fireship.io/lessons/google-sheets-database-nextjs/. .
0 0 22
Top 10 performance pitfalls - HTTP 203
Jake & Surma go through the top 9 + 1 performance issues Jake saw while analyzing a bunch of web sites. Looking at the Google I/O website → https://goo.
0 0 7
From nothin’ to gzip - HTTP 203
You know GZIP right? It’s everywhere on the web to reduce the number of bytes going over the wire. In this episode, Surma is giving you a quickstart on how it works.
0 0 7
Test-Driven Development // Fun TDD Introduction with JavaScript
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.
0 0 7
Progressively loading images - HTTP 203
In this episode, Jake (that's him on the left) and Surma (that's the other one) chat about how the different image formats load, and what you can do to make them feel faster. Tool to slow-load images
0 0 12
Chrome 91 - What’s New in DevTools
New to DevTools in Chrome 91:. . What’s new in DevTools (Chrome 91) → https://goo.gle/3eLof2N .
0 0 19
Build a Mindblowing 3D Portfolio Website // Three.js Beginner’s Tutorial
Learn the basics of Three.js - a tool for building amazing 3D graphics with JavaScript.
0 0 112
WebGL 3D Graphics Explained in 100 Seconds
WebGL makes it possible to render GPU-accelerated 3D graphics on the web. Learn the basics of 3D theory and rendering pipelines for complex graphics and animations https://fireship.io. .
0 0 9
Sass in 100 Seconds
Learn the basics of Sass (SCSS) or syntactically awesome stylesheets. Sass is a language and complier the can make your CSS code more efficient and programmatic https://fireship.io/tags/css/. .
0 0 24
Interviewing for developers - HTTP 203
In this episode Jake and Surma chat about interviewing for web dev roles, drawing on their good and bad experiences as candidates, and mistakes they've made as interviewers. Covering prep, probing que
0 0 6
Ethical Hacking in 100 Seconds // And why do we need CORS?
Use “Ethical Hacking” or penetration testing to find exploits in your web app before the bad guys do. Featuring @Dev Academy to go beyond 100 seconds to explain the purpose of CORS http://links.
0 0 18
Svelte in 100 Seconds
Svelte is a JS library for building reactive UI components. But unlike React, Angular, and Vue, it does not ship a runtime like Virtual DOM to the browser https://svelte.dev/. .
0 0 19
Chrome 90 - What’s New in DevTools
New to DevTools in Chrome 90:. . What’s new in DevTools (Chrome 90) → https://goo.gle/39OKDVP.
0 0 10
AssemblyScript - HTTP 203
Surma gives Jakes a quick-start to AssemblyScript, a TypeScript-like language that compiles to WebAssembly. Is it faster? Smaller? Better? Will it kill JavaScript? All that and more in this video.
0 0 7
Delete node_modules like a Pro #Shorts
Are you a JS developer with a full hard drive? Learn a powerful command to analyze and delete all your "node modules" folders quickly. . Official docs https://npkill.js.
0 0 34
CORS in 100 Seconds
Cross-Origin Resource Sharing or CORS is a mechanism that allows browsers to request data from 3rd party URLs (or origins) and is a common pain point for web developers. Learn the basics of CORS in 10
0 0 13
SVG Explained in 100 Seconds
What are Scalable Vector Graphics ? How are vector images different than raster images? Learn the fundamentals of SVG in 100 seconds. . References: . .
0 0 18
The big back button quiz - HTTP 203
How well do you know how the back button works (and other session history related things)? Jake has written an impossible quiz based on some of the weirdest browser behavior he's seen recently. Will S
0 0 33