nakor78 / javascript-empire

ESILV workshops on Web Application Architecture(s)

Javascript Empire

ESILV courses on Web Application Architecture(s)

Table of Contents generated with DocToc

• Objective
• Methodology
  • Must Read
  • Must Watch
  • Just tell me what to do
• Workshops
  • WS 1 - Javascript World Domination
    • Must read
    • About Web Application
    • About Javascript
    • Must watch
    • Just tell me what to do
  • WS 2 - Suit up your apps
    • Must read
      • About HTML/CSS
      • About Web Design: basic and trending
      • About Cross Browser and Device
    • Must watch
    • Just tell me what to do
  • WS 3 - Node.js, Master of Universe
  • WS 4 - Toolbox and Productivity
  • WS 5 - Frameworks VS Micro-libraries
  • WS 6 - 3 Musketeers: RDD, CDD and TDD
  • WS 7 - SPA, Design Patterns and Performance
  • WS 8 - API-ness
  • WS 9 - EcmaScript 2015 (ES6)
• Licence

Objective

Be able to start an online business with a web application.

Methodology

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

Must Read

Useful links to read as blog post or github link.

Must Watch

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).

Just tell me what to do

To be ready the workshop day, links to tutorials, exercises to do.

Workshops

WS 1 - Javascript World Domination

Must read

About Web Application

• 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

About Javascript

• 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

Must watch

• How the Internet Works in 5 Minutes
• What the... JavaScript?

Just tell me what to do

1. Create a github account
2. Be sure to understand source code management with git. If not, read git - the simple guide

WS 2 - Suit up your apps

Must read

About HTML/CSS

• 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

About Web Design: basic and trending

• Mobile:2015 - UI / UX Trends
• The big web design trends for 2015
• Modern UI/UX for SaaS applications in 2015 and Beyond

About Cross Browser and Device

• Facing The Challenge: Building A Responsive Web Application
• The State Of Responsive Web Design
• Responsive or Adaptive

Must watch

• Don Norman: 3 ways good design makes you happy

Just tell me what to do

1. Follow the guide to create card with MDL: Learning Material Design Lite: Cards

2. Follow the guide to create grid with MDL: Learning Material Design Lite: The Grid

WS 3 - Node.js, Master of Universe

Next Episode

WS 4 - Toolbox and Productivity

Next Episode

WS 5 - Frameworks VS Micro-libraries

Next Episode

WS 6 - 3 Musketeers: RDD, CDD and TDD

Next Episode

WS 7 - SPA, Design Patterns and Performance

Next Episode

WS 8 - API-ness

Next Episode

WS 9 - EcmaScript 2015 (ES6)

Next Episode

Licence

Uncopyrighted