ESILV courses on Web Application Architecture(s)
Table of Contents generated with DocToc
- Objective
- Methodology
- Courses
- Course 1 - Javascript World Domination
- Course 2 - Suit up your apps
- Course 3 - Node.js, Master of Universe
- Course 4 - React
- Course 5 - Toolbox and Productivity
- Course 6 - 3 Musketeers: RDD, CDD and TDD
- Course 7 - API-ness
- Course 8 - Progressive Web App, world of Hybrid
- Course 9 - EcmaScript 2015 (ES6): the circle is now complete
- 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 14 hours of work by week (2h by day, Monday to Sunday).
- 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
- Introduction to Object-Oriented JavaScript
- A re-introduction to JavaScript
- Create a github account
- Be sure to understand source code management with git. If not, read git - the simple guide
- Be ready with your Code Editor
- Be ready with your browser developer tools
- Reminder on page layout
- Reminder on css properties and selectors
- Learn CSS Layout
- Principles of writing consistent, idiomatic CSS
- Resilient web design
- Happy with your CSS files in your big app?
- CSS, Sass, SCSS, Compass, Less, BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS?
- Web Design Trends 2018: What Will Make an Impact This Year?
- 9 cutting-edge web design trends for 2018
- The State Of Responsive Web Design
Follow the guide to create card with MDL:
- An introduction to Node.js
- Teach Yourself Node.JS in 10 Steps
- What is Node.js?
- How to Create and Publish Your First Node.js Module
- Introduction to Express
- Install Node (at least) v8 without sudo (nvm is an awesome cross platform node installer)
- 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
- 5 best JS Frameworks in 2017
- The State of JavaScript Frameworks, 2017
- Top JavaScript Frameworks & Topics to Learn in 2017
- 13 things you need to know about React
- 9 things every React.js beginner should know
- React Enlightenment
Follow the tutorial to build an interactive tic-tac-toe game in React
- 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
- What are the best productivity tools for programmers?
- The Hitchhiker's guide to the modern front end development workflow
- A curated list of awesome tools, resources and workflow tips making an awesome development environment
- List your top 5 tasks you do the most every day on your device
- Find a way (scripts, aliases, bash... ) to help you to be more efficient with these tasks
- 5 Questions Every Unit Test Must Answer
- TDD the RITE Way
- Testing JavaScript
- An Overview of JavaScript Testing in 2017
Write the tests for these 5 exercices:
- The Joyless World of Data-Driven Startups
- What Chicken Nuggets Taught Me About Using Data to Design
- Data (v.)
- Big-data-boom
- Best Practices for Designing a Pragmatic RESTful API
- Ten Rules for Good API Design
- Build a RESTful API Using Node and Express 4
- Design a beautiful REST API
- List of 40 tutorials on how to create an API
Follow and Complete this blog post:
- A new way to deliver amazing user experiences on the web
- A Beginner's Guide To Progressive Web Apps
- Native Apps are Doomed
- Why Native Apps Really are Doomed: Native Apps are Doomed pt 2
- Progressive Web Apps with React.js: Part I — Introduction
- A Tinder Progressive Web App Performance Case Study
If you want to master ES6, follow all links in this post How to Learn ES6
Example of schedule for live workshops based on 9 days sessions.