Here is a curated list of resources, question and exercises to go through that covers the essentials of being a competent full stack JS developer.
The contents have been broken down into 4 phases, covering the basics from HTML/CSS to APIs. It would be best to cover these phases in chronological order to gain a broad understanding from the basics to the more advanced topics.
| whatIsTheMeaningOf = (life) -> | |
| you = (born) -> | |
| meaningOfLife isnt 'important' | |
| yourQualities = pure and happy and fearless | |
| (you) -> 'live' and begin to: 'experience' | |
| while you.age < 'teenager' | |
| your.qualities = [ |
| class CustomComponent extends Component { | |
| handleClick = (i, str) => (e) => { | |
| ... | |
| }; | |
| render() { | |
| return ( | |
| <ul> | |
| {data.map((i) => ( |
| .row | |
| .col-xs-8 | |
| .body-form | |
| #invite-user-dialog.form-components | |
| .modal-body | |
| .row | |
| .col-xs-2 | |
| p Name | |
| .col-xs-4 | |
| input.input-visible-border(ng-model='dd.text', placeholder='{{first}}', type='text', ng-class='{error: modalOptions.text_error && ! dd.text.trim().length}', pm-auto-focus='pm-auto-focus') |
| > [email protected] install /Users/OSX/Documents/code/platform/webgl-shaders/node_modules/glslify-optimize/node_modules/mapbox-glsl-optimizer | |
| > node-pre-gyp install --fallback-to-build | |
| CC(target) Release/obj.target/glsl_optimizer_lib/src/glsl/glcpp/glcpp-lex.o | |
| CC(target) Release/obj.target/glsl_optimizer_lib/src/glsl/glcpp/glcpp-parse.o | |
| CC(target) Release/obj.target/glsl_optimizer_lib/src/glsl/glcpp/pp.o | |
| CXX(target) Release/obj.target/glsl_optimizer_lib/src/glsl/ast_array_index.o | |
| CXX(target) Release/obj.target/glsl_optimizer_lib/src/glsl/ast_expr.o | |
| CXX(target) Release/obj.target/glsl_optimizer_lib/src/glsl/ast_function.o | |
| CXX(target) Release/obj.target/glsl_optimizer_lib/src/glsl/ast_to_hir.o |