Psysoul

TRANSFORM YOUR LIFE

Front-end resources

| 0 comments

Since a friend asked me to collect a few front-end related resources, I want to share these with you:
HTML / CSS / Javascript API:
Always check MDN first (Mozilla developer network)
https://developer.mozilla.org/en-US
Example: (good description, examples, compatibility, polyfill etc.)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find

Browser support check:
http://caniuse.com/
Books:
Here are some book recommendations. Some of them are pretty old, however basic rules of javascript don’t change, so they’re still actual,
however if you’re interested deeply in javascript please take some time and also check out new books and resources for ES 5 / ES 6.
Addy Osmani: Learning JavaScript Design Patterns
https://addyosmani.com/resources/essentialjsdesignpatterns/book
http://www.amazon.com/Learning-JavaScript-Design-Patterns-Osmani/dp/1449331815/ref=sr_1_1?s=books&ie=UTF8&qid=1456746423&sr=1-1&keywords=Addy+Osmani

Douglas Crockford
JavaScript: The Good Parts
http://www.amazon.com/JavaScript-Good-Parts-Douglas-Crockford/dp/0596517742

+ recommended: his website, videos, jslint

Nicolas Zakas
High Performance JavaScript (Build Faster Web Application Interfaces)
Maintainable JavaScript

+ recommended: his website, presentation / videos

http://www.amazon.com/Performance-JavaScript-Faster-Application-Interfaces/dp/059680279X/ref=sr_1_sc_3?s=books&ie=UTF8&qid=1456746452&sr=1-3-spell&keywords=Nicolas+Zakas
http://www.amazon.com/Maintainable-JavaScript-Nicholas-C-Zakas/dp/1449327680/ref=sr_1_sc_4?s=books&ie=UTF8&qid=1456746452&sr=1-4-spell&keywords=Nicolas+Zakas

Robert C. Martin
Clean Code: A Handbook of Agile Software Craftsmanship
The Clean Coder: A Code of Conduct for Professional Programmers (Robert C. Martin Series)

+ recommended: videos

http://www.amazon.com/Clean-Code-Handbook-Software-Craftsmanship/dp/0132350882/ref=sr_1_4?s=books&ie=UTF8&qid=1456746526&sr=1-4&keywords=Robert+C.+Martin
http://www.amazon.com/Clean-Coder-Conduct-Professional-Programmers/dp/0137081073/ref=sr_1_1?s=books&ie=UTF8&qid=1456746526&sr=1-1&keywords=Robert+C.+Martin

UX design
Luke Wroblewski
Web Form Design
Mobile first by Wroblewski, Luke (2012) Paperback
http://www.amazon.com/Web-Form-Design-Luke-Wroblewski-ebook/dp/B004VFUP2I/ref=sr_1_3?s=books&ie=UTF8&qid=1456746615&sr=1-3
http://www.amazon.com/Mobile-first-Wroblewski-Luke-Paperback/dp/B00NYI3RR8/ref=sr_1_9?s=books&ie=UTF8&qid=1456746615&sr=1-9

Ethan Marcotte
Responsive Web Design
http://www.amazon.com/Responsive-Design-Brief-People-Websites/dp/098444257X/ref=sr_1_5?s=books&ie=UTF8&qid=1456746615&sr=1-5
Just a few more names worth to check out (mostly related to agile)
Kent Beck
Martin Fowler
Michael Feathers
Ward Cunningham
Browser support for ES 5 is already there
http://caniuse.com/#feat=es5
Features:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_5_support_in_Mozilla
ES 6 (spec was finalized june 2015)
Many new and interesting features are coming in ES 6:
Extended Array functions, String functions
Map
Better support for Numbers
Promise
Reflect
Arrow functions
Generator function
const, let
Support is getting there, latest desktop browsers (chrome, FF) are already supporting around 85-90% of ES6:
http://kangax.github.io/compat-table/es6/
Detailed features:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla

Author: Psysoul

I'm a designer and software engineer. If you want, I will transform your life, make you more joyful and fulfilled.

Leave a Reply

Required fields are marked *.


This site uses Akismet to reduce spam. Learn how your comment data is processed.