Tag WebDev
Tìm kiếm bài viết trong Tag WebDev
PostCSS in 100 Seconds
PostCSS is a tool that allows you to use modern CSS features like nesting and mixins, while supporting legacy browsers. Learn why this simple JavaScript library is one of the most popular tools in the
0 0 8
Random paint effects - HTTP 203
In this episode Jake and Surma chat about creating 'random' paint effects, and why they shouldn't be truly random. Houdini.how →https://goo.gle/3jxd6oq .
0 0 9
Chrome 93 - What’s New in DevTools
New to DevTools in Chrome 93:. . What’s new in DevTools (Chrome 93) → https://goo.gle/3Dl005K .
0 0 11
Build a Curvaceous Homepage // Wavy Background Tutorial with SVG & CSS
Learn how to design a website with curved or wavy backgrounds using HTML and CSS. Then take things to the next level by adding a morphing SVG animation with JavaScript https://fireship.
0 0 34
Deno - HTTP 203
In this episode, Surma gives Jake an introduction to Deno, a TypeScript-based runtime from the creator of Node. Deno Twitter account says Ryan is wrong → https://goo.
0 0 11
I built the same app 10 times // Which JS Framework is best?
I built a simple app with 10 different JavaScript frameworks... Learn the pros and cons of each JS framework before building your next app https://github.com/fireship-io/10-javascript-frameworks.
0 0 21
Debugging memory leaks - HTTP 203
Jake and Surma tackle one of the hardest types of debugging on the web: Memory leaks. Squoosh → https://goo.
0 0 7
NestJS in 100 Seconds
Nest is a progressive framework for building server-side applications and APIs with Node.js. It leverages TypeScript and a powerful CLI to ship reliable apps quickly https://fireship.io/tags/nest/.
0 0 5
HTTP 203: Season 8 trailer
Jake and Surma are going back to the studio for this brand new season of HTTP 203. Subscribe to Google Chrome Developers here → https://goo.gle/ChromeDevs . .
0 0 5
Chrome 92 - What’s New in DevTools
New to DevTools in Chrome 92:. . What’s new in DevTools (Chrome 92) → https://goo.gle/2TeLSJ1 .
0 0 7
Astro in 100 Seconds
Astro is an open-source tool that can build static HTML websites using popular frontend JavaScript frameworks (React, Vue, Svelte), while loading fully interactive components as needed https://github.
0 0 9
21+ Browser Dev Tools & Tips You Need To Know
The web browser is one of the most sophisticated tools on the planet. Today we look at 21 tricks, tips, and lesser-known features in Chrome Dev Tools that will make your life easier as a web developer
0 0 29
Is your memory leaking?
Memory leaks in JavaScript can slow down your website and create a bad user experience. Learn how to find JS memory leaks with Chrome dev tools. . #shorts #js #webdev
0 0 16
DNS Explained in 100 Seconds
Ever wonder how DNS works? The Domain Name System is one of the most important Internet technologies, but few web developers understand how it actually works behind the scenes. https://fireship.io. .
0 0 13
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 19
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 4
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 5
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 4
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 10