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
- 📅 Schedule for live workshops
- 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
- the 🚀 link. If you have just 30 minutes in your student busy life: Read the 🚀 link
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 (commuting for instance) 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 and 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
- 🚀 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: CSS code guide
- CSS, Sass, SCSS, Compass, Less, BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS?
- Eight Things You Need To Know About Design Systems
- Everything you need to know about Design Systems
- 10 innovative web design trends for 2019
Follow the guide to create card with Bootstrap 4:
- Install Node (Latest LTS Version) without sudo. My advice is to use nvm, 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
- The Most In-Demand JavaScript Frameworks for Developers in 2019
- 🚀 Top JavaScript Frameworks and Topics to Learn in 2019
- All the fundamental React.js concepts, jammed into this single Medium article
- 9 things every React.js beginner should know
Follow the tutorial to build an interactive tic-tac-toe game in React
- 🚀 Manifesto for Software Crafmanship
- The Myth of Developer Productivity
- The developer’s workflow in practice - how we built our MVP in 30 days
- 19 Tips For Software Engineers In 2019
- My Mac Setup by Nick Taylor
- My Linux Development Environment by Bruno Paz
- My Terminal Setup: iTerm2 + Zsh by Ali Spittel
- A curated list of awesome tools, resources and workflow tips making an awesome development environment
- A list of Free and open-source software for developers - FOSS-for-Dev
- 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
- Rethinking Unit Test Assertions
- 🚀 An Overview of JavaScript Testing in 2018
Write the tests for these 3 exercises:
- 2019 Will Be The Year of Data Storytelling
- Artificial Intelligence: Everything You Want to Know
- What Chicken Nuggets Taught Me About Using Data to Design
- 🚀 A brief history of Web APIs
- Best Practices for Designing a Pragmatic RESTful API
- 10 Best Practices for Writing Node.js REST APIs
- What is GraphQL and how to use it
- Getting started with GraphQL, React and apollo client
Follow and complete this blog post:
- 🚀 A new way to deliver amazing user experiences on the web
- Will PWAs Replace Native Mobile Apps
- Why Native Apps Really are Doomed: Native Apps are Doomed pt 2
- A Tinder Progressive Web App Performance Case Study
- Making a Progressive Web App
Follow and complete this blog post:
Before to deep dive into the Javascript Ecosystem, build a strong language understanding foundation. If you are ready to learn, the following links in this post How to Learn ES6 are a goood start.
Then you can follow this awesome path: Roadmap to becoming a Web Developer in 2019
Example of schedule for live workshops based on 9 days sessions.