Skip to content

My general notes on JavaScript. Minhas anotações gerais sobre JavaScript.

License

Notifications You must be signed in to change notification settings

barbaracalderon/notes-on-javascript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

86 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

EN: Notes on JavaScript

These are my general notes on JavaScript from "The Completete Javascript Course" by Jonas Schmedtmann. It's like a notepad to come back and review.

It's under construction.

THIS REPOSITORY'S TABLE OF CONTENTS

FILES CONTENTS
01_CONNECTJS.md Connect your JS file to your HTML
02_DATA_TYPES.md number, string, boolean, undefined, null, symbol, bigInt
03_OPERATORS.md Math operators, assignment operators, comparison operators, logic operators, ternary operators
04_CONVERSION_COERCION.md Template string; string to number; number to string; type coercion; falsy values; truthy values
05_SWITCH.md A switch structure
06_FUNCTIONS.md Activate the stric mode in JS; function declaration; function expression; Arrow Function; function inside function
07_ARRAYS.md Creating an array; array methods
08_OBJECTS.md What are Objects in JS; value/pair; dot notation (.) and bracket notation ([]); to add properties to an object; object methods; introducing this
09_LOOPS.md for loop counter; loop through an array; read an array; fill an array; continue vs. break; looping backwards; loop in loops; while loop condition
10_DOM.md introduction; import PS notes; guess-my-number-game project; addEventListener; handling click events; events of what kind; reaction (function); DOM not always reliable to grab state variables; manipulating CSS styles; modal-project-example; manipulate classes with JS; global events; press 'ESC'; querySelector and querySelectorAll; the toggle method; Init function; code organization
11_JS_OVERVIEW.md JavaScript definition; high-level; garbage-collected; interpreted or just-in-time compiled; multi-paradigm; prototype-based object oriented; first-class functions; dynamic; single-threaded
12_JS_BEHIND_THE_SCENES.md how Javascript works behind the scenes; the javascript engine and runtime; compilation vs. interpretation; how the Engine executes JS: the four steps (parse -> compile -> execute -> optimize); runtime in the browser; execution context (EC) and the call stack; scoping and scope in JS: global scope, function scope, block scope; the scope chain; variable environment: hoisting and Temporal Dead Zone (TDZ); the "this" keyword; primitive types vs. reference types (objects); how to copy an object (shallow copy, not deep clone)
13_DESTRUCTURING.md Destructuring Arrays and Objects
14_SPREAD_OPERATOR.md ..., join arrays, spread operator passed as a function parameter, objects
15_REST_PATTERN.md What is rest pattern; compare Spread Operator and Rest Pattern; objects; functions
16_SHORT_CIRCUITING.md and operator; or operator; the Nullish Coalescing Operator
17_FOR_OF_LOOP.md new way to loop through an array; unite menus; loop thru all menus; unpack menus
18_ENHANCED_OBJECT_LITERALS.md object inside object; writing methods; property name comes from an array
19_OPTIONAL_CHAINGING.md ...
To be continued... ...

PT: Anotações sobre JavaScript

Essas são as minhas anotações gerais sobre JavaScript do curso "The Complete Javascript Course", Jonas Schmedtmann. Como um caderno para manter um registro das informações e voltar mais tarde para revisar.

Sob construção.

TABELA DE CONTEÚDOS DO REPOSITÓRIO

ARQUIVOS CONTEÚDOS
01_CONNECTJS.md Conectar seu arquivo JS ao HTML
02_DATA_TYPES.md number, string, boolean, undefined, null, symbol, bigInt
03_OPERATORS.md Operadores: matemáticos, de atribuição, relacionais, lógicos, ternários
04_CONVERSION_COERCION.md Template string; string para número; número para string; tipagem forçada; valores falsy e truthy
05_SWITCH.md Estrutura de um switch
06_FUNCTIONS.md Ativar stric mode em JS; funções declarativas; funções expressivas; arrow functions; Função chamando Função
07_ARRAYS.md Criando Arrays; Métodos do Array
08_OBJECTS.md O que são Objetos em JS; par/valor; notação por ponto (.) e notação por colchete ([]); adicionar propriedades em um objeto; métodos do objeto; apresentando o this;
09_LOOPS.md laço for (contador); laçando um array; ler um array; preencher um array; continue vs. break; fazendo um laço ao contrário (de trás pra frente); laço dentro de laço; laço while (condição))
10_DOM.md introdução; notas importantes PS; projeto guess-my-number-game; addEventListener; lidando com eventos de clique; eventos de que tipo; reação (event handler) - uma função; nem sempre dá pra depender do DOM pra pegar variáveis de estado; variáveis de estado; manipulando CSS styles; projeto modal-project-example; manipulando classes com JS; evento global; pressionar a tecla 'ESC'; o querySelector e o querySelectorAll; método toggle; função init; organização de código
11_JS_OVERVIEW.md Definição de JavaScript; alto-nível; coleta-de-lixo; interpretada ou rapidamente compilada; multi-paradigmática; orientado-a-objetos baseada em protótipos; funções de primeira classe; dinâmica; de fio-único
12_JS_BEHIND_THE_SCENES como Javascript funciona por baixo dos panos; o motor javascript e o tempo de execução; compilação vs. interpretação; como o Motor executa JS: os quatro passos (analisar -> compilar -> executar -> otimizar); tempo de execução no navegador; contexto de execução (CE) e a call stack; scoping e escopo em JS: escopo global, escopo da função, escopo de bloco; a cadeia de escopos; ambiente da variável: hoisting e a Zona da Morte Temporal (ZMT); a palavra-chave "this"; tipos primitivo vs. tipos referenciais (objetos); como copiar um objeto (cópia rasa, não uma clonagem profunda)
13_DESTRUCTURING.md Arrays; Objetos
14_SPREAD_OPERATOR.md O Operador Spreadd ...; juntar dois arrays; copiar um array; iteráveis; operador spread sendo passado como parâmetro de uma função; copiar um objeto; cópias rasas
15_REST_PATTERN.md o inverso do Operador Spread; REST na esquerda do sinal =; SPREAD à direita do sinal =; ambos os lados; objetos; funções do tipo "rest parameters"
16_SHORT_CIRCUITING_(AND_OR).md operadores lógicos || e &&; o operador "nullish coalescent" ??
17_FOR_OF_LOOP.md novo jeito de laçar um array; unir os menus; laçar por todos os menus; desempacotar menus
18_ENHANCED_OBJECT_LITERALS.md oobjeto dentro de objeto; métodos de escrita; nome da propriedade vem de um array
19_OPTIONAL_CHAINGING.md ...
Continua... ...

About

My general notes on JavaScript. Minhas anotações gerais sobre JavaScript.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published