Treinamento JS

YES, TREINAMENTO JS!

Introdução

  • Interpretada
  • Dinamicamente tipada

Características da linguagem

  • ECMAScript - ES3 à ES6
    • O que é? Pra que serve?
    • 'use strict' (ES5)
    • Pré-processadores (ES6)

Evolução

Sintaxe

  • Criação por Construtor ou por literais
  • Escopo de bloco de código
  • Namespace

Constantes, variáveis e literais

Expressões, operadores e comparadores

  • === e !==
  • Undefined e Null
  • String + Number
  • Cast

Sintaxe

  • Declaração
  • Closures
  • Immediately-Invoked Function Expression (IIFE)
  • Hoisting
  • Chain
  • Callbacks
    • Callback Hell / events ftw
  • setTimeout e setInterval
  • Objetos literais e não literais
    • this & that

Funções e objetos

jQuery (ou nativo)

  • Custo
    • document.getElementById()
  • querySelector
  • find()
  • Cache

Seletores

  • on() e off()
  • Event delegation
  • Observer/Backbone.events

Events

  • Proposta
  • Never synchronous
  • Promises

Ajax

Evolução atos

  • Input hiddens / tag script
  • Menor interatividade
  • Esconder elementos

DOMCentric aproach

  • Datagrid
  • Modal
  • Validação
  • Menu de contexto
  • AjaxUtil
  • Mensagens
  • AtosI18n
  • AutoComplete

AtosCompoentes

  • Templates
    • <script type="html/template">
    • Arvore do ECM
    • Model feito na mão (DMO)
  • Social

Lodash / backbone

e muito mais :)

  • Task runners
    • Gulp
  • Scaffolding
    • Yeoman
  • Gerenciador de pacotes 
    • Bower
    • NPM

ferramentação

  • NodeJS
  • AngularJS
  • Pré-processadores
    • ​TypeScript e CoffeeScript
  • Cordova
    • Ionic Framework
  • Jasmine

Linguagens

Treinamento JS - Lecom S/A

By Helder Traci

Treinamento JS - Lecom S/A

Treinamento JS para equipe de P&T da empresa Lecom S/A.

  • 792