ESILV courses on Web Application Architecture(s)
Table of Contents generated 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 (at least) v6 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.