Frontend Dogma

“javascript” Archive (4)

Featured on Frontend Dogma? Confirm and whitelist your domain.

  1. Preventing Smooth Scrolling With JavaScript (by) · ·
  2. A Pipe Operator for JavaScript: Introduction and Use Cases (by) · · ,
  3. The Double-Assignment Pattern in jQuery’s Source Code (by) · ·
  4. The Many Ways to Modify Leading and Trailing Characters From Strings With JavaScript (by) ·
  5. Context-Aware Web Components Are Easier Than You Think (by/via) · · ,
  6. Frontend Challenges: Front-End Engineer Assignment (by) · · , ,
  7. “structuredClone()”: Deeply Copying Objects in JavaScript (by) · ·
  8. Two Ways to Clear an Array With Vanilla JavaScript (by) · ·
  9. 8 Techniques to Write Cleaner JavaScript Code (by) ·
  10. Add a Service Worker to Your Site (by/via) · ·
  11. How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (by) · · ,
  12. Be Prepared for Failure and Handle It Gracefully (by/via) · ·
  13. Deep-Copying in JavaScript Using “structuredClone” (by/via) ·
  14. Performance Implications of JavaScript Errors (by/via) · · ,
  15. Intersection Observer (by) · ·
  16. Embrace the Platform (by/via) · · , ,
  17. JSON Modules in JavaScript (by) · · ,
  18. Best Practices for Node.js Development (by) · · ,
  19. JavaScript (by/via) · · , , ,
  20. How to Trim Strings in JavaScript (by) · ·
  21. How JavaScript Engines Achieve Great Performance · · ,
  22. How to Make Blob Menu Using HTML, CSS and JavaScript (by) · · , ,
  23. Why IndexedDB Is Slow and What to Use Instead (via) · · , ,
  24. Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties (by) · · , , , ,
  25. Using Web Workers to Boost Third-Party Script Performance (by/via) · · ,
  26. How to Debounce and Throttle Callbacks in Vue (by) · · , , , ,
  27. Localizing Your Next.js App (by/via) · · ,
  28. Designing Error Messages and a Logging Strategy in Node.js (by/via) · · , , ,
  29. Accessible Toggles (by/via) · · , ,
  30. A Comprehensive Guide to Error Handling in Node.js (by/via) · · , ,
  31. HTMLoween—HTML, JS, and CSS to Make Your Blood Boil (by) · · ,
  32. Chrome DevTools: Visualise Your JavaScript Bundles (by) · · , , , , , ,
  33. In-Page Filtered Search With Vanilla JavaScript (by/via) · · ,
  34. Why Outdated jQuery Is Still the Dominant JavaScript Library (by/via) · · ,
  35. Building an Effective Image Component (by/via) · · ,
  36. Finding Common Patterns Across Frameworks (by) · ·
  37. Decoupling HTML, CSS, and JavaScript in Design Systems (by) · · , ,
  38. Back to Basics: Understanding the “for…in” Loop in JavaScript (by/via) · ·
  39. Dealing With Timezones in Web Development (by) ·
  40. Stop Writing JavaScript Like This ·
  41. Building a Multi-Select Component (by/via) · · , ,
  42. Introduction to Styled Components (by) · · , ,
  43. The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (by/via) · · , , ,
  44. Writing Clean JavaScript Tests With the BASIC Principles (by) · · ,
  45. Animation Techniques for Adding and Removing Items From a Stack (via) · · ,
  46. jsPerf—Online JavaScript Performance Benchmark · · ,
  47. Using JavaScript to Detect High Contrast and Dark Modes (by) · · , , ,
  48. Sorting JavaScript Arrays by Nested Properties (by) · · ,
  49. Web Streams Everywhere (and Fetch for Node.js) (by/via) · · , ,
  50. How I Built a Modern Website in 2021 (by) · · ,
  51. A JavaScript Developer’s Guide to Browser Cookies (by) · · ,
  52. Optimising a JavaScript Library With WebAssembly, a Failed Attempt (by) · · ,
  53. 20 Killer JavaScript One-Liners (by) ·
  54. Small Bundles, Fast Pages: What to Do With Too Much JavaScript (via) · · ,
  55. 29 Projects to Help You Practice HTML CSS JavaScript 2021 (by) · · ,
  56. The Ultimate Guide to Web Console (by) · · , ,
  57. Vanilla JS Is a Web Performance Decision (by) · ·
  58. Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (by) ·
  59. Threats of Using Regular Expressions in JavaScript (by/via) · ·
  60. Web Scraping With JavaScript and Node.js (via) · · ,
  61. Building a Split-Button Component (by/via) · · , ,
  62. Writing High-Performance JavaScript (by) · ·
  63. 7 Practices to Create Good JavaScript Variables (by) ·
  64. Essential Concepts in JS (by) · ·
  65. How to Use “Promise.any()” (by) · · ,
  66. jsc: My New Best Friend (by) · ·
  67. 4 Important Differences Between Regular and Arrow Functions (by) · · ,
  68. Truthy and Falsy: When All Is Not Equal in JavaScript (by/via) ·
  69. Using CSS Module Scripts to Import Stylesheets (by/via) · · ,
  70. “return await promise” vs. “return promise” in JavaScript (by) · · ,
  71. JavaScript Development: Making a Web Worker Optional (by/via) · ·
  72. Uploading Multiple Files With Fetch (by) · · ,
  73. Refresher on JavaScript Callbacks and Promises (by/via) · · ,
  74. How to Use “Promise.allSettled()” (by) · · ,
  75. How to Build Resilient JavaScript UIs (by/via) · · , ,
  76. The (Most Comprehensive) JavaScript Design Principles Guide (by) · · , ,
  77. An Introduction to Frameworkless Web Components (by/via) · · , ,
  78. The Ultimate Cheat Sheet List for Web Developers (by) · · , ,
  79. 6 Useful Frontend Techniques That You May Not Know About (by) · · , ,
  80. What Is Tree Shaking? (by) · · ,
  81. The Ultimate Guide to Browser-Side Storage (by/via) · · , ,
  82. Detecting Media Query Support in CSS and JavaScript (by) · · , ,
  83. How to Convert Arrays to Human-Readable Lists in JavaScript (by) · · , ,
  84. How to Use “Promise.all()” (by) · · ,
  85. How Does Node.js Load Its Built-In/Native Modules? (by) · · ,
  86. Basics of JavaScript Test Driven Development (TDD) With Jest (by) · · , ,
  87. “export default thing” Is Different to “export { thing as default }” (by) ·
  88. The State of Web Workers in 2021 (by/via) · ·
  89. When a Click Is Not Just a Click (via) ·
  90. Encoding Data for POST Requests (by) · · ,
  91. Resource Inlining in JavaScript Frameworks (by/via) · · , ,
  92. JavaScript Frameworks and the Lost Art of HTML (by/via) · · ,
  93. Debugging JavaScript and Front-End (by/via) · · ,
  94. Demystifying Styled Components (by) · · ,
  95. What’s New in ES2021 (by/via) · · ,
  96. Sorting Colors in JavaScript (by) · · ,
  97. How to Use Dynamic Imports in JavaScript (by) · ·
  98. When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (by/via) · · ,
  99. 10 Utility Functions for Working With Objects in JavaScript (by/via) · · ,
  100. JavaScript: Debouncing and Throttling (by) · · ,
  101. A Thorough Analysis of CSS-in-JS (by/via) · · ,
  102. Don’t Overabstract Your Components (by) · · ,
  103. Create Scripts in JavaScript With zx (by) · · ,
  104. Introduction to HTTP Cookies (by) · · ,
  105. Checking “Under the Hood” of Code (by) · · , , , , , ,
  106. Content-Aware Image Resizing in JavaScript (by) · · ,
  107. Variable Scope, Lexical Scope, and Code Blocks in JavaScript (by) · ·
  108. Primitive Values, Objects, and References in JavaScript Made Simple (by) · ·
  109. Human-Readable JavaScript: A Tale of Two Experts (by/via) · ·
  110. Now That’s What I Call Service Worker (by/via) · · ,
  111. Why Your Website Should Work Without JavaScript · · , ,
  112. What Is the JavaScript Internationalization API (I18N)? (by/via) · · ,
  113. 5 Different Ways to Declare Functions in jQuery (by/via) · · ,
  114. A Comprehensive Guide to JavaScript Design Patterns (via) · · ,
  115. JavaScript: What Is the Meaning of “this”? (by/via) ·
  116. Beyond “console.log()”—Level Up Your Debugging Skills (by/via) · · ,
  117. Garbage Collection in JavaScript (by/via) · ·
  118. Revisiting Dark Patterns With the HTML “dialog” Tag (by) · · ,
  119. An Introduction to the Rollup.js JavaScript Bundler (by/via) · · , , ,
  120. JavaScript Obfuscation: What, Why, and How? (via) · ·
  121. HTML and CSS Techniques to Reduce Your JavaScript (by/via) · · , ,
  122. JavaScript (by/via) · · , , ,
  123. Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (by) · · ,
  124. Warp: Improved JS Performance in Firefox 83 (by/via) · · , , , ,
  125. Loading Third-Party JavaScript (by+/via) · ·
  126. “this” in JavaScript and TypeScript (by) · ·
  127. JS Minification Benchmarks (by) · · ,
  128. Accessibility on the Canvas With JavaScript (by) · · ,
  129. Introduction to Memoization in JavaScript (by/via) · · ,
  130. JavaScript to Know for React (by) · ·
  131. Most Popular JavaScript Frameworks in 2020 · · , , , , , ,
  132. A Brief Introduction to WebGL (via) · · ,
  133. Learn Deno: A Secure JavaScript and TypeScript Runtime (by/via) · · , ,
  134. Namespaces in JavaScript (by) · ·
  135. 90’s Cursor Effects (by) · · , ,
  136. App Shell UX With Service Workers and Streams (by+/via) · · , , , ,
  137. JavasSript RORO Pattern · ·
  138. 30 Seconds of Code (via) · · , ,
  139. Today’s JavaScript, From an Outsider’s Perspective (by) ·
  140. The Third Age of JavaScript (by) ·
  141. Static Hoisting (by) ·
  142. What Every JavaScript Developer Should Know About Unicode (by) · ·
  143. Styling Components in React (by/via) · · , , , ,
  144. Manipulating Arrays and Objects in JavaScript (by/via) · · , ,
  145. Implementing Dark Mode in React Apps Using Styled-Components (by/via) · · , ,
  146. How to Create a Particle Trail Animation in JavaScript (by/via) · · ,
  147. Learn Programming (by) · · , ,
  148. How to Create a Native Web Component Without a Framework (by/via) · · ,
  149. On the Responsibility That Comes With Good JavaScript Support (by) · ·
  150. Performance Tips: Minifying HTML, CSS, and JS (via) · · , , , , ,
  151. The Economics of JavaScript Web Apps (by) · · ,
  152. How We Learned to Draw Text on HTML5 Canvas (via) · · , , ,
  153. What Is Node and When Should I Use It? (by/via) · · ,
  154. What Is Memoization? (by) · · ,
  155. Understanding Map and Set in JavaScript (by) ·
  156. How to Automatically Update Your JavaScript Dependencies (by/via) · · , , , ,
  157. The History of JavaScript: A Journey From Netscape to Frameworks and Libraries (by/via) · · , , ,
  158. Interactivity and Animation With Variable Fonts (by/via) · · , , ,
  159. How TypeScript Makes You a Better JavaScript Developer (by/via) · ·
  160. Writing Asynchronous Tasks in Modern JavaScript (by/via) ·
  161. A Re-Introduction to Destructuring Assignment (by/via) · · ,
  162. Should a Website Work Without Javascript? (by/via) · ·
  163. It’s Not Wrong that '🤦🏼‍♂️'.length == 7 (by) · ·
  164. “Must Work Without JavaScript” (by) · ·
  165. Faster Image Loading With Embedded Image Previews (via) · · , , ,
  166. Improve Your JavaScript Knowledge by Reading Source Code (by/via) · ·
  167. Responsible JavaScript (by/via) · · , , , , ,
  168. Getting to Know the MutationObserver API (by/via) · · ,
  169. What’s Next for Web Development? (by) · · ,
  170. JS vs. Java—Dynamic Typing · · ,
  171. How to Avoid DOM Blocking in JavaScript (by/via) · · , ,
  172. Get Started With Node: An Introduction to APIs, HTTP, and ES6+ JavaScript (via) · · , , ,
  173. An Introduction to Web Bluetooth (by/via) · · ,
  174. Guide to Web Authentication (by) · · , ,
  175. Best JavaScript Frameworks, Libraries, and Tools to Use in 2019 (by/via) · · , , ,
  176. An Extensive Guide to Progressive Web Applications (by/via) · · , , ,
  177. Avoiding the Pitfalls of Automatically Inlined Code (by/via) · · , ,
  178. JavaScript Is for Web Apps, Not for Websites · ·
  179. Focus Trapping for Accessibility (A11Y) · · , ,
  180. Extending Built-In Elements (by) · · , ,
  181. Taming “this” in JavaScript With [the] Bind Operator (by/via) · ·
  182. The “Developer Experience” Bait-and-Switch (by) · ·
  183. Removing jQuery From GitHub.com Frontend (via) · · , , , ,
  184. Links List for Print Styles (by) · · ,
  185. Three Input Element Properties That I Discovered While Reading MDN (by) · · ,
  186. A Tour of JavaScript Timers on the Web (by) ·
  187. New Syntax for JS “Function Stuff” (by) · · ,
  188. 7 Performance Tips for Jank-Free JavaScript Animations (by/via) · · , ,
  189. Debugging JavaScript Projects With VS Code and Chrome Debugger (by/via) · · , , , , , , ,
  190. A Beginner’s Guide to Babel (via) · · , ,
  191. Using ES Modules in the Browser Today (by/via) · ·
  192. What the Heck Does “Script Error” Mean? (by/via) · ·
  193. 10 Essential Sublime Text Plugins for JavaScript Developers (via) · · , , ,
  194. Setting Up an ES6 Project Using Babel and Webpack (by/via) · · ,
  195. JavaScript Design Patterns: The Singleton (via) · ·
  196. Introduction to the Fetch API (by/via) · · , ,
  197. Understanding ES6 Modules (by/via) · · , ,
  198. Moving From Flash to HTML, CSS, and JavaScript (by/via) · · , , ,
  199. Debugging JavaScript With a Real Debugger You Did Not Know You Already Have (by+/via) · ·
  200. How to Optimize CSS and JS for Faster Sites (via) · · , , , ,
  201. Unit Test Your JavaScript Using Mocha and Chai (by/via) · · ,
  202. An Introduction to Functional JavaScript (by/via) · · ,
  203. “await” vs. “return” vs. “return await” (by) ·
  204. All You Need to Know About CSS-in-JS (by) · · ,
  205. The Front-End Checklist (by) · · , , , , , , ,
  206. JavaScript Functions That Define and Rewrite Themselves (via) · ·
  207. JavaScript Design Patterns: The Observer Pattern (via) · ·
  208. JavaScript Framework Comparison—AngularJS, Vue.js, Meteor.js, or Next.js (via) · · , , , , ,
  209. JavaScript Operators, Conditionals, and Functions (by/via) · · , ,
  210. The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery) (via) · · ,
  211. Writing JavaScript With Accessibility in Mind (by/via) · · , , , ,
  212. How to Develop an Interactive Command Line Application Using Node.js (via) · · , ,
  213. What Is the Best Book for Learning JavaScript? (by/via) · ·
  214. When Your Code Has to Work: Complying With Legal Mandates (by/via) · · , ,
  215. HTML APIs: What They Are and How to Design a Good One (by/via) · · , ,
  216. 20+ Docs and Guides for Front-End Developers (by/via) · · , ,
  217. Know It All (by) · · , , , , , ,
  218. Front-End Tools: My Favorite Finds of 2016 (by/via) · · , , ,
  219. JavaScript: 2016 in Review (by/via) · ·
  220. [Insert Clickbait Headline About Progressive Enhancement Here] (by) · · , ,
  221. Are You Writing ES6 JavaScript Yet? (by/via) · ·
  222. Is JavaScript Always the Best Solution? (by/via) ·
  223. Loop Through a Collection of DOM Elements (by) · ·
  224. JavaScript for Web Designers: DOM Scripting (by/via) · ·
  225. How to Develop a Chat Bot With Node.js (by/via) · · , ,
  226. The Glory Days of the Web (by) · · , , , , ,
  227. How It Feels to Learn JavaScript in 2016 (by) · ·
  228. Quick Tip: Add or Remove a CSS Class With Vanilla JavaScript (via) · · ,
  229. Building Social: A Case Study on Progressive Enhancement (by/via) · · ,
  230. Quick Tip: How to Declare Variables in JavaScript (via) · · ,
  231. How to Use ES6 Arguments and Parameters (by/via) · · , ,
  232. Regular Expressions in JavaScript (by/via) · ·
  233. Quick Tip: Single Character Transforms With CSS and JS (by/via) · · , ,
  234. Building a Robust Frontend Using Progressive Enhancement (via) · · , , , ,
  235. Service Workers and PWAs: It’s About Reliable Performance, Not “Offline” (by) · · , , ,
  236. The Web Isn’t Uniform (by) · · ,
  237. Finally, CSS in JS! Meet CSSX (by/via) · ·
  238. Using Map and Reduce in Functional JavaScript (by/via) ·
  239. Nunjucks: A JavaScript Template Engine (by) · · ,
  240. You Got Your CSS in My JavaScript (by) · · ,
  241. The Problem With Progressive Enhancement (by) · · , ,
  242. Generating SVG With React (by/via) · · ,
  243. JavaScript: 2015 in Review (by/via) · ·
  244. Reimagining Single-Page Applications With Progressive Enhancement (by/via) · · , , ,
  245. An in-Depth Look at CORS (by/via) · · , ,
  246. Getting Started With Service Workers (by/via) · · ,
  247. JavaScript Frameworks and Mobile Performance (by) · · , ,
  248. An Overview of JavaScript Templating Engines (by/via) · · , , ,
  249. Modern Progressive Enhancement (by/via) · · ,
  250. ECMAScript 6 (ES6): What’s New in the Next Version of JavaScript (by/via) · ·