Skip to content

Latest commit

 

History

History
363 lines (270 loc) · 13.9 KB

web-frontend-resources.md

File metadata and controls

363 lines (270 loc) · 13.9 KB

Web Frontend Resources

Content



  • Head First HTML and CSS by Elisabeth Freeman and Eric Freeman
  • HTML & CSS: Design and Build Web Sites by Jon Duckett
  • Web Design with HTML, CSS, JavaScript and JQuery Set by Jon Duckett
  • Learning Web Design by Jennifer Niederst Robbins

HTML

  • HTML5: The Missing Manual by Matthew MacDonald
  • HTML5 in Action by Rob Crowther (Goodreads Author), Joe Lennon, Ash Blue
  • HTML5: The Definitive Guide by Chuck Musciano, Bill Kennedy, Estelle Weyl

CSS

  • CSS: The Definitive Guide: Visual Presentation for the Web by Eric A. Meyer and Estelle Weyl
  • CSS Secrets: Better Solutions to Everyday Web Design Problems by Lea Verou
  • CSS: The Missing Manual by David McFarland
  • Cascading Style Sheets: The Definitive Guide by Eric A. Meyer
  • CSS Mastery: Advanced Web Standards Solutions by Andy Budd
  • CSS Pocket Reference: Visual Presentation for the Web by Eric A. Meyer
  • CSS in Depth by Keith J. Grant
  • The Book of CSS3: A Developer's Guide to the Future of Web Design by Peter Gasston

Responsible Design

  • Responsive Web Design by Ethan Marcotte
  • Learning Responsive Web Design: A Beginner's Guide by Clarissa Peterson
  • Responsive Web Design with HTML5 and CSS3 by Ben Frain
  • Responsible Responsive Design by Scott Jehl


  • Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability by Steve Krug
  • Letting Go of the Words: Writing Web Content that Works by Janice G. Redish
  • The Zen of CSS Design: Visual Enlightenment for the Web by Dave Shea, Molly E. Holzschlag
  • Design Basics Index by Jim Krause
  • Designing With Web Standards by Jeffrey Zeldman
  • HTML5 for Web Designers by Jeremy Keith
  • CSS3 For Web Designers by Dan Cederholm
  • Mobile First by Luke Wroblewski
  • Designing for Emotion by Aarron Walter
  • Information Architecture for the World Wide Web: Designing Large-Scale Web Sites by Peter Morville
  • Web Standards Solutions: The Markup and Style Handbook by Dan Cederholm
  • The Principles of Beautiful Web Design by Jason Beaird
  • Thinking with Type by Ellen Lupton
  • Design Is a Job by Mike Monteiro
  • The Web Designer's Idea Book: The Ultimate Guide To Themes, Trends Styles In Website Design by Patrick McNeil
  • The Elements of Content Strategy by Erin Kissane
  • The Elements of User Experience: User-Centered Design for the Web by Jesse James Garrett
  • The Future of the Internet--And How to Stop It by Jonathan L. Zittrain
  • Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS by Dan Cederholm


  • Bootstrap Documentation - doc
  • Bootstrap 4 Quick Start: A Beginner's Guide to Building Responsive Layouts with Bootstrap 4 by Jacob Lett
  • Bootstrap: Responsive Web Development by Jake Spurlock
  • tep By Step Bootstrap 3: A Quick Guide To Responsive Web Development Using Bootstrap 3 by Riwanto Megosinarso
  • Bootstrap Reference Guide: Bootstrap 4 and 3 Cheat Sheets Collection by Jacob Lett




Prime

  • DOM Scripting: Web Design with JavaScript and the Document Object Model by Jeremy Keith
  • JavaScript: The Definitive Guide by David Flanagan
  • Professional JavaScript for Web Developers by Nicholas C. Zakas
  • Eloquent JavaScript: A Modern Introduction to Programming by Marijn Haverbeke
  • Secrets of the JavaScript Ninja by Bear Bibeault and John Resig by Bear Bibeault and John Resig
  • Maintainable JavaScript by Nicholas C. Zakas
  • Understanding ECMAScript 6: The Definitive Guide for JavaScript Developers by Nicholas C. Zakas
  • DOM Enlightenment by Cody Lindley
  • Introducing functional programming with Underscore.js by Michael Fogus

Advanced

  • JavaScript: The Good Parts by Douglas Crockford
  • Effective JavaScript: 68 Specific Ways to Harness the Power of JavaScript
  • You Don't Know JS: Up & Going [1] by Kyle Simpson
  • You Don't Know JS: Scope & Closures [2] by Kyle Simpson
  • You Don't Know JS: this & Object Prototypes [3] by Kyle Simpson
  • You Don't Know JS: Types & Grammar [4] by Kyle Simpson
  • You Don't Know JS: Async & Performance [5] by Kyle Simpson
  • You Don't Know JS: ES6 & Beyond [6] by Kyle Simpson
  • High Performance JavaScript: Build Faster Web Application Interfaces by Nicholas C. Zakas
  • Even Faster Web Sites: Performance Best Practices for Web Developers by Steve Souders
  • JavaScript Patterns by Stoyan Stefanov

Some More

  • Designing Web Interfaces: Principles and Patterns for Rich Interactions by Bill Scott
  • Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems by Steve Krug
  • RESTful Web Services by Leonard Richardson
  • RxJS in Action by Daniels, Paul P., Atencio, Luis

Tutorials

Courses



  • jQuery API Documentation - doc
  • jQuery Learning Center - doc
  • jQuery in Action by Bear Bibeault
  • Learning jQuery by Jonathan Chaffer
  • JQuery Cookbook by Cody Lindley
  • JQuery UI in Action by T. J. VanToll
  • JQuery UI Cookbook by Adam Boduch
  • jQuery: Novice to Ninja by Earle Castledine
  • JavaScript and JQuery: Interactive Front-End Web Development by Jon Duckett



  • Vue.js Documentation - doc
  • Vue CLI - doc
  • Vuex - doc
  • Vue Router - doc
  • Vue.js Cookbook - doc
  • Vue.js in Action by Benjamin Listwon and Erik Hanchett
  • Learning Vue.Js 2 by Olga Filipova
  • Fullstack Vue: The Complete Guide to Vue.js by Ari Lerner, Hassan Djirdeh, and Nate Murray
  • Vue.js: Up and Running: Building Accessible and Performant Web Apps by Callum Macrae
  • Testing Vue. Js Applications by Edd Yerburgh
  • The Majesty of Vue.js by Alex Kyriakidis, Kostas Maniatis, Evan You


  • React Documentation - doc
  • React Hooks
  • React Router
  • Redux
  • redux-saga
  • Ant Design of React / antd
  • Learning React: Functional Web Development with React and Redux by Alex Banks and Eve Porcello
  • The Road to Learn React: Your Journey to Master Plain Yet Pragmatic React. Js by Robin Wieruch
  • React Quickly by Azat Mardan
  • Learning React: A Hands-On Guide to Building Web Applications Using React and Redux by Kirupa Chinnathambi
  • Fullstack React: The Complete Guide to ReactJS and Friends by Anthony Accomazzo, Ari Lerner, David Guttman, Nate Murray, Clay Allsopp, Tyler McGinnis
  • React Design Patterns and Best Practices by Michele Bertoli
  • React in Action by Mark Tielens Thomas
  • React: Up and Running by Stoyan Stefanov


  • Guide to AngularJS Documentation - doc
  • Pro AngularJS 6 by Adam Freeman
  • Learning AngularJS: A Guide to AngularJS Development by Ken Williamson
  • AngularJS Web Application Development Cookbook by Matt Frisbie
  • AngularJS: Up and Running: Enhanced Productivity with Structured Web Apps by Shyam Seshadri, Brad Green
  • Learning AngularJS by Brad Dayley
  • Mastering Web Application Development with AngularJS by Pawel Kozlowski and Peter Bacon Darwin
  • AngularJS by Example by Chandermani
  • AngularJS in Action by Brian Ford, Lukas Ruebbelke
  • Professional AngularJS by Diego Netto and Valeri Karpov



  • Flutter. Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.
  • Beginning Flutter: A Hands on Guide to App Development by Marco L Napoli
  • Flutter in Action by Eric Windmill


  • Electron. Build cross platform desktop apps with JavaScript, HTML, and CSS
  • Electron in Action by Steve Kinney
  • Electron: From Beginner to Pro: Learn to Build Cross Platform Desktop Applications Using Github's Electron by Chris Griffith and Leif Wells
  • Cross-platform Desktop Applications: Using Electron and NW.js by Paul B. Jensen


  • React Native Docs
  • Learning React Native: Building Native Mobile Apps with JavaScript by Bonnie Eisenman
  • React Native in Action by Nader Dabit
  • Mastering React Native by Eric Masiello, Jacob Friedmann

Progressive web apps / PWA

Apache Cordova

  • Apache Cordova. Using standard web technologies - HTML5, CSS3, and JavaScript for cross-platform development

Ionic 4

  • Ionic. One codebase. Any platform. Now in React.

Taro

  • Taro. 一套遵循 React 语法规范的多端开发解决方案。

Quasar Framework

  • Quasar Framework. Build high-performance VueJS user interfaces. All Platforms in One Go.

uni-app

  • uni-app. 一个使用 Vue.js 开发所有前端应用的框架。




  • TypeScript Documentation - doc
  • Programming TypeScript: Making Your JavaScript Applications Scale by Boris Cherny
  • Pro TypeScript: Application-Scale JavaScript Development by Steve Fenton
  • Mastering TypeScript - Second Edition by Nathan Rozentals
  • TypeScript Essentials by Christopher Nance
  • Angular 2 Development with TypeScript by Anton Moiseev and Yakov Fain
  • TypeScript Deep Dive by Basarat Ali Syed


WebGL





  • Node.js in Action by Marc Harter, Mike Cantelon, Nathan Rajlich, and T. J. Holowaychuk
  • Beginning Node.Js by Basarat Syed
  • Practical Node.js: Building Real-world Scalable Web Apps by Azat Mardan
  • Node.js Design Patterns by Mario Casciaro
  • Node.js in Practice by Alex R. Young, Marc Harter
  • Professional Node.Js: Building JavaScript Based Scalable Software by Pedro Teixeira
  • Learning Node by Shelley Powers

Express

  • Express in Action: Node Applications with Express and Its Companion Tools by Evan Hahn
  • Web Development with Node and Express: Leveraging the JavaScript Stack by Ethan Brown

Koa.js

Databases

MongoDB

GraphQL

References

[1] What is Fullstack JS - w3schools