ESILV courses on Web Application Architecture(s)
Table of Contentsgenerated with DocToc
- Objective
- Methodology
- Workshops
- Schedule
- Licence
Be able to start an online business with a web application.
Before each workshop, I share some collection of useful links to deep diving on the current subject split in 3 parts. I try to limit to 5 hours of work (1h by day, Monday to Friday).
- Must Read
- Must Watch
- Just tell me what to do
Useful links to read as blog post or github link.
At least 1 talk or podcast link could help you to learn in a passive context (as transportation) or when you do something else (workout).
To be ready the workshop day, links to tutorials, exercises to do.
- 20 things I learned about browsers ans the web
- How the Web Works: A Primer for Newcomers to Web Development (or anyone, really)
- How the Web Works Part II: Client-Server Model & the Structure of a Web Application
- The "Web Application" Myth
- JavaScript For Cats - An introduction for new programmers
- JavaScript Objects in Detail
- JavaScript Prototype in Plain Language
- Introduction to Object-Oriented JavaScript
- [A re-introduction to JavaScript] (https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript)
- Different Ways of Defining Functions in JavaScript (This Is Madness!)
- Javascript Closures
- Create a github account
- Be sure to understand source code management with git. If not, read git - the simple guide
- Your first lesson: Learning HTML and web page layout
- Principles of writing consistent, idiomatic CSS
- Three Simple Techniques for Writing More Semantic and Maintainable JavaScript Apps
- Comparing CSS code styles and deciding which is the best practice
- Your first lesson: Learning HTML and web page layout
- Mobile:2015 - UI / UX Trends
- The big web design trends for 2015
- Modern UI/UX for SaaS applications in 2015 and Beyond
- Facing The Challenge: Building A Responsive Web Application
- The State Of Responsive Web Design
- Responsive or Adaptive
Follow the guide to create card with MDL: Learning Material Design Lite: Cards
Follow the guide to create grid with MDL: Learning Material Design Lite: The Grid
- a short introduction to node.js
- Teach Yourself Node.JS in 10 Steps
- Your Guide to Building Beautiful Node.js Applications
- Your Guide to Building Beautiful Node.js Applications
- How to Create and Publish Your First Node.js Module
- Introduction to Express
- How the V8 engine works?
- Getting to know NODE - Infography
- Node has arrived - Infography
Install Node v4 without sudo
Be sure that you can install node packages with npm without to be sudo
Complete all steps of Learn You The Node.js For Much Win! tutorial
- Manifesto for Software Crafmanship
- Improving the developer workflow
- The Myth of Developer Productivity
- A Baseline for Front-End Developers
- Current Workflow: Developing, Linting, Testing and Distributing JavaScript
- A Craftsman & Their Tools
- What are the best productivity tools for programmers?
- Automating Your Front-end Workflow with Yeoman 1.0 by Addy Osmani
- Front End Ops Tooling [JSConf2014] by Nico Bevacqua
- List your top 5 tasks you do the most every day on your device
- Find a way (script with node, aliases, bash... ) to help you to be more efficient with these tasks
- The Pros And Cons Of JavaScript Micro-Frameworks
- Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
- 2015: The End of the Monolithic JavaScript Framework
- 4 Questions to Ask Before Choosing a JavaScript Framework
- JavaScript Application Architecture On The Road To 2015
- The Future of the JavaScript front-end framework
- How I structure JavaScript
- How do javascript frameworks operate?
- Javascript MVC Frameworks: Your Choice is Your Future
- Criteria on choosing JavaScript Framework
- how to build modular applications with browserify
- Clash of the Titans: Angular VS Backbone VS Ember
- Flux For Stupid People
- What is the Flux Application Architecture?
- JS micro-frameworks meet flux: notes from my quest for a front-end architecture
- ReactJS For Stupid People
Follow the first 3 tutorials:
- Learning React.js: Getting Started and Concepts
- Getting To Know Flux, the React.js Architecture
- Creating A Simple Shopping Cart with React.js and Flux
- A curated list of awesome READMEs
- Comment driven development
- Comment-Driven Development
- Testing Frameworks
- 5 Questions Every Unit Test Must Answer
- Testing JavaScript
Follow the first 5 exercices: https://github.com/Bloc/frontend-javascript-exercises from 01-javascript-environment/00-environment-test to 05-booleans.
- Rise of the SPA
- Building Single-Page Apps
- Defining Static Web Apps
- Designing a landing page that sells
- Single-Page Applications: Building a Web Stack That Works
- Should we bundle all the JavaScripts for a Single Page App?
- Patterns For Large-Scale JavaScript Application Architecture
- Comparison between different Observer Pattern implementations
- Sass, wat?
- Best Practices for a Faster Web App with HTML5
- Front-end performance for web designers and front-end developers
- Need for Speed – How to Improve your Website Performance
- Why Performance Matters, Part 1: The Perception Of Time
- The “Psychological” Speed of Mobile Interfaces
- An Introduction to Perceived Performance
- The Joyless World of Data-Driven Startups
- Spotify, We Need To Talk About Your Data…
- What Chicken Nuggets Taught Me About Using Data to Design
- Data (v.)
- Big-data-boom
- Design a beautiful REST API
- Build a RESTful API Using Node and Express 4
- Ten Rules for Good API Design
- Best Practices for Designing a Pragmatic RESTful API
- List of 40 tutorials on how to create an API
Example of schedule for live workshops based on 9 days.