Lean Frontend Development
summary
Covers a four-phase approach to front-end development: plan and choose appropriate tools for target devices instead of chasing trends; prototype minimal viable code using tools like CodePen, JSBin and JSPerf to compare things like flexbox vs display:table and for vs forEach performance; build modular CSS/JS using BEM/atomic components and style-guide-driven assemblies rather than many separate templates; and perform visual QA with tools such as CSSComb and JSHint plus paired code reviews, iterating until device goals are met.
AI-written summary · about
chapters (9)
- 0:00Introduction and team background
- 2:34Four phases of lean frontend
- 6:50Try phase and MVP testing
- 12:11Modular development approach
- 16:32Style guides and reusable components
- 19:19Three types of code and design checks
- 24:53Iterative development cycles
- 25:37Framework summary and key takeaways
- 27:44Q&A
related talks
51mThe Business Of Front-End Development
48mBecome a Frontend Developer Ninja using HTML5, JS and CSS3
22mHow to Master Frontend Development: Survival Guide by Lilit Tadevosyan (Arm) | JSConfAM19
01h 07mModern Frontend Engineering
29mRethinking Frontend Development
33mDeconstructing the Frontend: From Theory to Practice
40mScaling Frontend Development
24mScaling Frontend Development using Micro-frontends