How virtual DOM diffing works under the hood. "change data and based off that data, display content"
Check out
@willsentance
new, "The Hard Parts of UI" course!
🏕 We just launched our online bootcamp ...completely free!
Two weeks of project-based learning:
🖼 Make an image carousel
🐕 Fetch dog breed data from an API
💻 Create a portfolio website
🕹 Program a game to feed pesky star mole
@FrontendMasters
I'm currently trying to optimise the CLS in a big enterprise Angular project and seeing the website is just driving me crazy.
IT'S SO DAMN SMOOTH. HOW ARE YOU RESPONSIVE BUT DON'T HAVE ANY CLS.
HOW, YOU DARK MAGICIANS?!?!? (really, how)
The Front End Developer/Engineer Handbook 2024 — A Guide to Modern Web Development
We just released the highly anticipated Frontend Handbook 2024 (), by Cody Lindley!
(
@ThePrimeagen
For context, this was a donation on behalf of Prime's Extra Life fundraiser, which goes to the Children's Miracle Network Hospitals.
More details here:
"Understanding UI frameworks (React, Svelte, Vue, Angular) under the hood allows you to debug them and work with them at scale" ... and more 😉
Check out
@willsentance
's new Hard Parts of UI Development course!
Vue 3 is out 🎊 – Learn it now in this new Introduction to Vue course! by core team member
@sarah_edo
.
🤸♀️ Create flexible components
⛲️ Understand Vue's Reactivity system
🍰 Learn the new Composition API
+ more!
The new, Getting Started with JavaScript, course by
@getify
is free!
Learn the 3 pillars of JavaScript:
1. Types & Coercion
2. Scope & Closure
3. “this” and Prototypes
Create a free account here to get started!
New Course: Svelte creator
@Rich_Harris
released a full course on
@sveltejs
!
Svelte is ⚡️ fast, compiling and shipping only the framework code necessary for your *exact* use-case.
Tour the Svelte API and build a complete game in this course!
⚛️ Complete Intro to React, v5 by
@holtbt
is out!!
🎣 Use hooks and effects
📦 Package with Parcel
✨ Maintain high-quality code with Prettier and ESLint
🚦 Route pages with Reach Router
🏀 Grab API data async in an effect
@paddix
FYI, We are currently working with
@chriscoyier
at the moment and would be happy to take on stewardship of the site. We were CSS Tricks biggest sponsor for many years prior to the acquisition.
Not only do we re-record courses when they need to be updated, but in the meantime we’ve addressed over 1,000+ items across our courses in < 12 months!
No other platform does this.
"Full Stack for Front-End Engineers, v2" by
@JemYoung
is out!
🌎 Intuitively describe how the internet works
🔐 Use SSH to setup your and secure your server
⚡️ Configure nginx for SSL and HTTP/2
🚢 Reason about how and when to use Docker containers
Design Systems with Storybook & React by
@EmmaBostian
is out!
📐 Create a design kit in Figma
⚛️ Code components in React & styled components
🏓 Add micro-interactions with React Spring
🥂 Document components in Storybook to share them with your team!
How virtual DOM diffing works under the hood. "change data and based off that data, display content"
Check out
@willsentance
new, "The Hard Parts of UI" course!
Exciting workshops happening this week!
Tomorrow: Build Go Apps That Scale on AWS with Melkey
Thursday: Everything You'll Need to Know About Git with ThePrimeagen
New, Free Course! "VS Code Can Do That?" by
@burkeholland
🎨 Customize VS Code to make it distinctly yours
🎹 Become a keyboard maestro with keyboard shortcuts
📣 Debug JS apps of all kinds
🚢 Build, debug, inspect and deploy Docker containers
& More!
Kyle Simpson (Author of YDKJS Book Series) discusses how we can get better at problem solving.
His new Practical Problem Solving with Algorithms course is out now!
No discounts planned the rest of this fall, but a reminder that we have:
- 4 free full courses
- 6 months free for students
- 2-weeks free self-paced bootcamp videos
The React workshops next week are postponed in order to prioritize health of the instructors, our team, and their families.
Thanks for understanding. We will keep you posted with updates!
New course by
@lydiahallie
: Testing Your JavaScript Knowledge!
Challenge yourself with 50 interactive quiz questions on the event loop, scopes and closures, the "this" keyword, classes and prototypes, garbage collection, and more
🎨 Make 3D art in
@mattdesl
's latest course! ⭐️
Learn more advanced creative coding topics, such as textures, custom 3D geometry, lighting and shader effects. 💡🌎
What books has Kyle Simpson (Author of YDKJS Book Series) been reading lately?
1) Multithreaded JavaScript
2) Structure and Interpretation of Computer Programs: JavaScript Edition
Creative Coding with Canvas and WebGL by
@mattdesl
is out! 🥳
🎨 Generative 2D Canvas Art for Web, Print & Wall Drawings
🎲 3D in WebGL with ThreeJS
🎇 3D Shaders in WebGL
🏃♀️ Real-World examples of Creative Coding in action!
It’s been 5+ years …but he’s back!! 🙌
@drboolean
drops two brand new courses on Hardcore Functional Programming in JavaScript!
🧙♂️ Revamp of the original FP in JS course
& 🧩 Functional Architecture Patterns
Watch two
@Reactjs
courses for FREE! Both “Advanced React Patterns” and “Testing React Applications (with Jest & Cypress)” courses by
@kentcdodds
are free for a limited time.
👋 Our website is made of Vanilla JS modules bundled together with
@webpack
! The courses player web app uses Mithril — liteweight (8kb) routing & rendering lib.
The Front-End Developer Learning Roadmap (BETA)
📝 56 guides (by
@codylindley
) with learning resources for you to dive into techniques and tools in that topic area. It's all free and open-source, so feedback and PRs welcome!
"Accessibility and CSS go hand in hand, significantly impacting user experience."
@EmmaBostian
delves into the vital connection between web development and accessibility.
Get the foundations of CSS in Emma's course:
The new and updated, API Design in Node.js course by
@scotups
is out!
👷♂️ Plan routes, and model your data
🛰️ Setup routes using Express routers
🏓 Fetch & modify resources with REST verb methods
🔐 Add auth using JWTs
🃏 Test your APIs with Jest
Career advice: "Chase things that scare you.”
@EmmaBostian
shares her valuable advice for transitioning into another career skill or position (like management)
See Emma's courses here:
New course: Learn State Machines in JavaScript with the creator of XState,
@DavidKPiano
!
You'll learn to architect a predictable system that can be in only one state at any given time, and visualize all possible states in your app with statecharts.
Functional-Light JavaScript, v3 by
@getify
is out!
🏓 Avoid side-effects with pure functions & immutability
🎻 Assemble functions with composition
🎭 Transform data with list operations
🛠 Learn more tools like currying, monads, transduction, & more!
🔬 The updated, Deep Foundations v3 course by
@getify
is out!
Learn the core pillars of JS:
🏓 Types and how to convert between them
🍏 Comparisons == and ===
🕶 Scope
📦 Closure
🧶 `this` keyword, prototypes, classes & the delegation pattern