View Code? Open in Web Editor
NEW
AN (opinionated) WHIRLWIND TOUR OF CURRENT WEB DEVELOPMENT
HTML 24.29%
CSS 62.87%
TypeScript 12.44%
Batchfile 0.40%
whirlwind's People
Contributors
Watchers
whirlwind's Issues
Multiple folders and OUTPUT folders
let's keep things organized
- Make dirs for CSS
- Make dir for TS
- Make .js output to a JS directory and a single bundled file via change to tsconfig.json
Topics for CSS that use JS
- TypeScript .d.ts for js-based bootstrap/jquery/etc.
- Maybe do these lines below AFTER NPM discussion
npm install bootstrap --save
- add typings by executing
tsd install bootstrap --save
- include it in app via
import bootstrap = require("bootstrap")
- Make sure the file bootstrap.d.ts is included in your tsconfig.json file
Debugging using Chrome
- load chrome
- Load debugging with chrome extension
Create a file or directory for each version of each file that changes; i.e.
LESSON1
+- INDEX.HTML
+-MAIN.CSS
LESSON2
+-INDEX.HTML
+-MAIN.CSS
+-MAIN.JS
etc.
NODE and then other tools (ties in with webpack below)
- Discuss minify and bundling etc.
- Install NODEJS so NPM will be installed
- Install/discuss other tools? gulp/grunt/babel/webpack
- WebPack
- WebPack Installation info
- project:
npm install webpack --save-dev
- global:
npm install webpack -g
- Usage info
Move OTHER TOPICS outside of main README
but still make them memorable as needing to be added
Maybe instead create an issue for each topic
After adding bootstrap, what lines need changing?
Typings and tsd
- Declaration files (.d.ts files) are a fundamental part of using existing JavaScript libraries in TypeScript but TS2 changes this
- package.json
Other GITHUB Tasks
get code from others, contributing back
- FORKING
- means GitHub will make a copy of a project that is entirely yours; it lives in your user’s namespace, and you can push to it.
- Contributing to a GitHub project, aka
The GitHub flow
- Create a topic branch from master.
- Make some commits to improve the project.
- Push this branch to your GitHub project.
- Open a Pull Request on GitHub.
- Discuss, and optionally continue committing.
- The project owner merges or closes the Pull Request.
Making a NEW version of your code
????
- XYZ....
Move the files appropriate to each lesson into corresponding directory