ES6 para todos os arquivos iniciantes
Tudo o que você precisa para aprender ES6 no ES6.io
Logs
Dia 1: 12 de maio de 2017
Recebi este curso de graça de Wes Bos como presente de apreciação ❤️ Começou a olhar para a visão geral deste curso e montar o Slack.
Pensamentos:
- Módulo concluído nº 1 Novas variáveis - criação, atualização e escopo
-
var é o escopo da função - Podemos redeclare várias vezes no mesmo escopo
-
let & const são o escopo do bloco - Não podemos redeclare duas vezes no mesmo escopo
- Você pode atualizar uma variável
let , mas as variáveis const não podem ser atualizadas - No entanto, as propriedades de uma variável
const podem mudar. Isso porque todo o objeto não é imutável. - Veio a saber sobre object.freeze (), para que nada possa ser adicionado ou removido do conjunto de propriedades de um objeto congelado.
- Além disso, o módulo preenchido nº 2 melhorias da função: setas e argumentos padrão
- Eu sabia sobre as funções de seta do curso #javascript30, mas mais em detalhes sobre isso hoje
- Aprendi mais sobre funções de seta, retornos implícitos, quando e quando não usam funções de seta,
this flecha interna funções - Além disso, sobre argumentos de função padrão
Dia 2: 14 de maio de 2017
Módulo preenchido #3 - Strings de modelo
Pensamentos: aprendidos sobre:-
- Strings de modelo, criando fragmentos HTML com literais de modelo
- Usando se, loop e funções dentro de seqüências de modelos
- Modelos marcados, alguns casos de uso e higienizando dados do usuário com modelos marcados
- Encontrado sobre Dompurify, que ajuda a higienizar dados em DOM
Dia 3: 15 de maio de 2017
Módulo preenchido #4 - Melhorias adicionais de string
Pensamentos:
- Aprendi sobre
startsWith() , endsWith() , inclui () e repetir () métodos e fizeram algumas práticas relacionadas a eles - Além disso, procurou
str.endsWith(searchString[, length]) e str.startsWith(searchString[, position])
Dia 4: 16 de maio de 2017
Módulo preenchido #5 - Destruição
Pensamentos:
- Aprendi sobre os objetos de destruição, renomear variáveis e valores padrão
- Aprendi sobre matrizes de destruição, funções e variáveis de troca
- Trechos 1:
const { first, last, twitter } = someObjectHere - Trechos 2:
const [ first, last, twitter ] = someArrayHere
Dia 5: 17 de maio de 2017
Módulo preenchido #6 - Módulo concluído #6 Iteráveis e looping
Pensamentos:
- Aprendeu sobre algumas vantagens de
for of loop over for , foreach e for in -
for-of é mais fácil para loop através de elementos de matriz e a maioria dos objetos semelhantes a matrizes como Dom Nodelist, argumentos - Aprendi sobre o método de
Array.prototype.entries() e como podemos usá-lo com loop for-of - Trechos 1:
for (const cut of cuts) , apenas para obter os valores - Trechos 2:
for (const [i, cut] of cuts.entries())
Dia 6: 18 de maio de 2017
Módulo preenchido #7 - Uma matriz de melhorias de matriz
Pensamentos:
- Aprendi sobre o método
Array.from() & Array.of() - Métodos de protótipo de matriz como
find , findIndex , some e every - Use o caso 1 para
Array.from() - Caso de uso 2 para Array.prototype
.some() & .every()
Dia 7: 19 de maio de 2017
Módulo concluído #8 - diga olá para ... espalhar e ... descansar
Pensamentos:
- Aprendi sobre ... Operador espalhado e ... parâmetros de descanso e lá vários casos de uso com muitos exemplos
- Alguns casos de uso para
Rest parameters
Dia 8: 20 de maio de 2017
Módulo preenchido #9 - Atualizações literais de objeto
Pensamentos:
- Aprendi sobre algumas coisas úteis, como valor de propriedade, abreviação, definição de método de abreviação e chaves de propriedade computadas
Módulo preenchido #10 - Promessas
Pensamentos:
- Aprendi sobre como as promessas funcionam, criando minhas próprias promessas, encadeando -as e trabalhando com várias promessas
- Como os métodos Promise.Prototype.Then () e Promise.prototype.catch () retornam, eles podem ser acorrentados como
- Encadear promessas
Dia 9: 23 de maio de 2017
Módulo concluído #11 - Símbolos (mais novo tipo de dados primitivo)
Pensamentos:
- Aprendi sobre o tipo de dados do símbolo e vários casos de uso.
- Podemos usá -lo como chave de objeto como identificador exclusivo
Dia 10: 24 de maio de 2017
Pensamentos:
- Aprendeu sobre Eslint e sua usabilidade
- Além disso, analisou as configurações do Airbnb e fez algumas práticas
- Analisou várias regras de Eslint e tentou entender sua importância e quando usá -las.
Dia 11: 25 de maio de 2017
Pensamentos:
- Hoje aprendi sobre as configurações específicas de arquivo e linha ESLint para ativar/desativar regras
- Mais informações aqui
Dia 12: 26 de maio de 2017
Pensamentos:
- Módulo preenchido #12 - Qualidade do código com Eslint
- Hoje aprendi sobre os módulos JavaScript e a configuração de ferramentas Webpack 2
Dia 13: 27 de maio de 2017
Pensamentos:
- Aprendi sobre a criação de nossos próprios módulos JavaScript e importá -los/exportá -los
- Além disso, analisou a declaração de exportação e várias sintaxe.
Dia 14: 28 de maio de 2017
Pensamentos:
- Módulo preenchido #13 - Módulos JavaScript e usando NPM
- Praticar mais nos módulos ES6
- Aprendi sobre como importar módulos específicos quando é necessário
Dia 15: 29 de maio de 2017
Pensamentos:
Módulo preenchido #14 - ES6 Tooling
Aprendi sobre SystemJs, Babel & Polyfills para ES6
Polyfills oferece cobertura muito boa para todos os recursos ES6 em navegadores antigos
Módulo preenchido #15 - Classes
Aprendi sobre a criação de uma nova classe (forma de declaração), definindo métodos estáticos e métodos de protótipo, métodos Get & Set
Além disso, aprendeu sobre a extensão de uma classe existente, os métodos de subclassificação de uma classe pai e subclassificando embutidos
Caso de uso simples para subclassificar classes embutidas e DOM aqui
Dia 16: 30 de maio de 2017
Pensamentos:
- Módulo preenchido #16 - geradores
- Aprendi sobre os geradores a função, que retorna um objeto gerador. Usando -o para Ajax Flow Control (coisas incríveis)
- Caso de uso simples para
Generators
Dia 17: 01 de junho de 2017
Pensamentos:
- Aprendeu sobre os proxies ES6 e seus vários casos de uso.
- Ele fornece a JavaScript uma API de intercessão, permitindo -nos prender ou interceptar todas as operações em um objeto de destino e modificar como esse alvo opera
Dia 18: 05 de junho de 2017
Pensamentos:
- Módulo preenchido #18 - Conjuntos e Sets fracos
- O objeto
Set permite armazenar valores exclusivos de qualquer tipo, sejam valores primitivos ou referências de objeto. - O objeto
WeakSet nos permite armazenar objetos fracamente mantidos em uma coleção. - Se não houver outra referência a um objeto armazenado no
WeakSet , eles podem ser coletados de lixo. - Além disso,
WeakSet não é enumerável
Dia 19: 06 de junho de 2017
Pensamentos:
- Módulo preenchido #19 - mapa e mapa fraco
- Um objeto
Map contém pares de valor-chave. - O objeto
Map itera seus elementos na ordem de inserção - a for...of loop retorna uma matriz de [key, value] para cada iteração. - O objeto
WeakMap é uma coleção de pares de chave/valor nos quais as teclas são fracamente referenciadas.
Dia 20: 28 de setembro de 2017
Pensamentos:
- Este curso foi atualizado recentemente.
- Atualizado para ES7/ES2016 e ES8/ES2017, incluindo Async+Wait, Babel 7 e mais!
- Começou a investigar a partir de hoje.
- Começou com promessas nativas e seus casos de uso.
- Também procurou criar promessas personalizadas.
Dia 21: 29 de setembro de 2017
Pensamentos:
- Hoje, revisei o Async+aguardando mais uma vez.
- Além disso, procurou uma maneira genérica para lidar com as funções assíncronas.
Dia 22: 30 de setembro de 2017
Pensamentos:
- Hoje eu procurei usar várias promessas.
- Analisou mais um caso de uso para
Promise.all() - Aprendi sobre como podemos promissificar funções para que possamos usar o Async+aguardar neles.
Dia 23: 02 de outubro de 2017
Pensamentos:
- Hoje eu olhei para algumas adições de idiomas novas e futuras
- Olhou para as propriedades da classe
- Além disso, olhou para ES8
padStart e padEnd - Operador de exponenciação ES7
- Vírgulas à direita (às vezes chamadas de "vírgulas finais") em literais
Dia 24: 04 de outubro de 2017
Pensamentos:
- Hoje eu analisei casos de uso de
Object.entries() e Object.values() - Aprendi sobre como ele pode ser usado em cenários específicos.
- Finialmente terminou o curso?