Tag WebDev

Tìm kiếm bài viết trong Tag WebDev

- vừa được xem lúc

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 41

- vừa được xem lúc

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 24

- vừa được xem lúc

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 18

- vừa được xem lúc

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 40

- vừa được xem lúc

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 9

- vừa được xem lúc

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 11

- vừa được xem lúc

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 25

- vừa được xem lúc

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 15

- vừa được xem lúc

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 22

- vừa được xem lúc

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 117

- vừa được xem lúc

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 12

- vừa được xem lúc

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 28

- vừa được xem lúc

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 8

- vừa được xem lúc

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 21

- vừa được xem lúc

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 23

- vừa được xem lúc

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 12

- vừa được xem lúc

Easy Hand-Drawn SVG Animation #Shorts

Make it look like an SVG is hand-drawn by using CSS to animate the stroke of a path. Full SVG Animation Tutorial: https://youtu.be/UTHgr6NLeEw. .

0 0 10

- vừa được xem lúc

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 10

- vừa được xem lúc

Top 3 Ways to Center a DIV with CSS #Shorts

How do you center a div with CSS? Top 3 ways to answer this age old question

0 0 32

- vừa được xem lúc

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 39

- vừa được xem lúc

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 16