FarhadG

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.

Phase 1

HTML

FarhadG

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 = [ 

FarhadG

class CustomComponent extends Component {

  handleClick = (i, str) => (e) => {
    ...
  };

  render() {
    return (
      <ul>
        {data.map((i) => (

FarhadG

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

FarhadG

> mapbox-glsl-optimizer@0.1.3 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