links-estudos

KO | EN

gitlite — search

#hacktoberfest #ai #typescript #llm #go #machine-learning #deep-learning #linux #nodejs #windows #kubernetes #mcp #ios #openai

(★ 11)

Links de conteúdos que podem ajudar com o aprendizado para iniciantes em programação

links-estudos Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Links para estudos

Este repositório tem o objetivo de centralizar links de conteúdos que podem apoiar no aprendizado de pessoas iniciantes na programação com foco na linguagem Javascript, no CSS e no HTML.

## Como contribuir

Este repositório é publico! Fique a vontade para enviar um pull request!

---

## Índice
- CSS
  - [CSS Grid](#css-grid)
  - [CSS Flexbox](#flexbox)
- HTML
  - [HTML Semântico](#html-semântico) 
- Javascript
  - [Variáveis (declaração, atribuição, escopo)](#variáveis-declaração-atribuição-escopo)
  - [Uso de condicionais (if-else, switch, operador ternário)](#uso-de-condicionais-if-else-switch-operador-ternário)
  - [Manipular arrays (filter, map, sort, reduce)](#manipular-arrays-filter-map-sort-reduce)
  - [Manipular objetos (key e value)](#manipular-objetos-key-e-value)
  - [Uso de funções (parâmetros, argumentos, valor de retorno)](#uso-de-funções-parâmetros-argumentos-valor-de-retorno)
  - [Uso de laços (for, for of, while)](#uso-de-laços-for-for-of-while)
  - [Módulos de ECMAScript (ES modules)](#módulos-de-ECMAScript-ES-modules)
  - [Recursão](#recursão)

- SPA
  - [SPA](#SPA)
- Firebase
  - [Authentication](#authentication)
  - [Firestore](#firestore)
---
## CSS

### CSS Grid
- [ ] [CSS Tricks - Grid](https://css-tricks.com/snippets/css/complete-guide-grid/)
- [ ] [Grid Garden](https://cssgridgarden.com/)
- [ ] [Grid by example](https://gridbyexample.com/examples/)
- [ ] [CSS Grid Layout e Flexbox - Quando Utilizar](https://www.youtube.com/watch?v=x-4z_u8LcGc)

### Flexbox
- [ ] [Flexbox Froggy](https://flexboxfroggy.com/)
- [ ] [Flexbox Zombies](https://mastery.games/flexboxzombies/)
- [ ] [Flexbox Defense](http://www.flexboxdefense.com/)
- [ ] [CSS Tricks - Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
- [ ] [Guia Flexbox - Origamid](https://origamid.com/projetos/flexbox-guia-completo/)
- [ ] [CSS Grid Layout e Flexbox - Quando Utilizar](https://www.youtube.com/watch?v=x-4z_u8LcGc)

### @media - Media Queries para Design Responsivo
- [ ] [Usando Media Queries - MDN](https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_media_queries/Using_media_queries)
- [ ] [Convenções de breakpoints de larguras para media queries](https://getbootstrap.com/docs/5.0/layout/breakpoints/)
- [ ] [Como Usar Breakpoints CSS para Design Responsivo](https://www.hostinger.com.br/tutoriais/breakpoints-css)

### Menu Hamburguer
- [ ] [Criando um menu hambúrguer - @Curso em Vídeo HTML5 e CSS3](https://www.youtube.com/watch?v=Dd6Z3gkud18)

## HTML

### HTML Semântico
- [ ] [Devmedia HTML Semântico](https://www.devmedia.com.br/html-semantico-conheca-os-elementos-semanticos-da-html5/38065)
- [ ] [Elementos semânticos do HTML5 explicados](https://www.freecodecamp.org/portuguese/news/elementos-semanticos-do-html5-explicados/)

## Javascript

### Variáveis (declaração, atribuição, escopo)
- [ ] [Declarar variáveis JavaScript](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables)
- [ ] [Armazenar valores com o operador de atribuição](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator)
- [ ] [Atribuir o valor de uma variável para outra](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/assigning-the-value-of-one-variable-to-another)
- [ ] [Inicializar variáveis com o operador de atribuição](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator)
- [ ] [Declarar variáveis de string](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables)
- [ ] [Entender variáveis não inicializadas](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables)
- [ ] [Entender a sensibilidade a caracteres maiúsculos e minúsculos em variáveis](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables)
- [ ] [Diferenciar entre as palavras-chave var e let](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/explore-differences-between-the-var-and-let-keywords)
- [ ] [Declarar variáveis somente de leitura com a palavra-chave const](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/declare-a-read-only-variable-with-the-const-keyword)

### Uso de condicionais (if-else, switch, operador ternário)

- [ ] [Entender valores booleanos](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values)
- [ ] [Usar lógica condicional com instruções if](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements)
- [ ] [Comparar com o operador de igualdade](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator)
- [ ] [Comparar com o operador de igualdade estrita](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator)
- [ ] [Praticar a comparação de diferentes valores](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values)
- [ ] [Comparar com o operador de desigualdade](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator)
- [ ] [Comparar com o operador de desigualdade estrita](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator)
- [ ] [Comparar com o operador maior que](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator)
- [ ] [Comparar com o operador maior ou igual](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator)
- [ ] [Comparar com o operador menor que](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator)
- [ ] [Comparar com o operador menor ou igual](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator)
- [ ] [Comparar com o operador lógico AND](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator)
- [ ] [Comparar com o operador lógico OR](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator)
- [ ] [Introduzir instruções else](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements)
- [ ] [Introduzir instruções else if](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements)
- [ ] [Usar a ordem lógica em instruções if else](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements)
- [ ] [Encadear instruções if else
](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements)

### Manipular arrays (filter, map, sort, reduce)

- [ ] [Armazenar múltiplos valores em uma variável usando arrays JavaScript](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays)
- [ ] [Aninhar um array em outro array](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array)
- [ ] [Acessar array de dados com índices](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes)
- [ ] [Modificar dados de array com índices](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes)
- [ ] [Acessar arrays multidimensionais com índices](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes)
- [ ] [Manipular arrays com o método push](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push)
- [ ] [Manipular arrays com o método pop](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop)
- [ ] [Manipular arrays com o método shift](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift)
- [ ] [Manipular arrays com o método unshift](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift)
- [ ] [Criar lista de compras](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/shopping-list)
- [ ] [Usar o operador spread para avaliar arrays na hora](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place)
- [ ] [](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-parameter-to-reassign-array-elements)

### Manipular objetos (key e value)
- [ ] [Criar objetos JavaScript](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects)
- [ ] [Acessar propriedades de objetos com notação de pontos](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation)
- [ ] [Acessar propriedades de objeto com notação de colchetes](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation)
- [ ] [Acessar propriedades de objetos com variáveis](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables)
- [ ] [Atualizar propriedades do objeto](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties)
- [ ] [Adicionar novas propriedades para um objeto JavaScript](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object)
- [ ] [Excluir propriedades de um objeto JavaScript](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object)
- [ ] [Usar objetos para pesquisas](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups)
- [ ] [Testar objetos por propriedades](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties)
- [ ] [Manipular objetos complexos](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects)
- [ ] [Acessar objetos aninhados](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects)

### Uso de funções (parâmetros, argumentos, valor de retorno)

- [ ] [Escrever JavaScript reutilizável com funções](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions)
- [ ] [Passar valores para funções com argumentos](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments)
- [ ] [Retornar um valor de uma função com return](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return)
- [ ] [Conhecer o escopo global e funções](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions)
- [ ] [Conhecer o escopo local e funções](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions)
- [ ] [Diferenciar escopo global e local em funções](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/global-vs--local-scope-in-functions)
- [ ] [Entender o valor undefined retornado de uma função](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function)
- [ ] [Atribuir com o valor retornado](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value)
- [ ] [Retornar valores booleanos das funções](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions)
- [ ] [Retornar o padrão inicial para funções](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions)
- [ ] [Contar cartas](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/counting-cards)
- [ ] [Criar funções anônimas com arrow functions](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions)
- [ ] [Escrever arrow functions com parâmetros](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters)
- [ ] [Definir um valor padrão para o parâmetro de uma função](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions)
- [ ] [Usar o parâmetro rest com parâmetros de função](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/es6/use-the-rest-parameter-with-function-parameters)
- [ ] [Escrever funções declarativas concisas com ES6](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6)

### Uso de laços (for, for of, while)

- [ ] [Iterar com laços while em JavaScript
](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops)
- [ ] [Iterar com laços for em JavaScript](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops)
- [ ] [Iterar números ímpares com um laço for](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop)
- [ ] [Contar para trás com um laço for](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop)
- [ ] [Iterar através de um array com laço for](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop)
- [ ] [Aninhar laços for](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops)
- [ ] [Iterar com laços do...while em JavaScript](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do---while-loops)
- [ ] [Substituir laços usando recursão](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/replace-loops-using-recursion)
- [ ] [Pesquisar perfil](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/profile-lookup)

### Módulos de ECMAScript (ES modules)
- [ ] [Separar seus scripts em módulos](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/es6/create-a-module-script)
- [ ] [Reutilizar código JavaScript usando import](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/es6/reuse-javascript-code-using-import)
- [ ] [Usar * para importar tudo de um arquivo](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file)
- [ ] [Exportar apenas um valor com export default](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default)
- [ ] [Importar uma exportação padrão](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/es6/import-a-default-export)

### Recursão
- [ ] [Substituir laços usando recursão - FreeCodeCamp](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/replace-loops-using-recursion)
- [ ] [Usar recursão para criar uma contagem regressiva - FreeCodeCamp](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/use-recursion-to-create-a-countdown)
- [ ] [Usar recursão para criar um intervalo de números - FreeCodeCamp](https://www.freecodecamp.org/portuguese/learn/javascript-algorithms-and-data-structures/basic-javascript/use-recursion-to-create-a-range-of-numbers)
- [ ] [Exercícios de Recursão - HackerRank](https://www.hackerrank.com/domains/algorithms?filters%5Bsubdomains%5D%5B%5D=recursion)

## SPA
- [ ] [Criando uma SPA com Javascript (Parte 1)](https://www.youtube.com/watch?v=hf8x3A1e57Y)
- [ ] [Build a Single Page Web app using the DOM and JavaScript](https://itnext.io/build-a-single-page-web-app-javascript-and-the-dom-90c99b08f8a9)

## Firebase

### Authentication
- [ ] [Introdução ao Firebase Authentication](https://www.youtube.com/watch?v=NZzekYgLYdg)
- [ ] [Configuração do Firebase Authentication](https://www.youtube.com/watch?v=2VyFISV-KfY)
- [ ] [Fazendo login usando o Firebase Authentication](https://www.youtube.com/watch?v=FCT6RvITXwc)
- [ ] [Criando tela de cadastro - preparando para adicionar o Firebase](https://www.youtube.com/watch?v=bv7YFmgeoCU)
- [ ] [Validaçõe na tela de cadastro - Ainda preparando para adicionar Firebase](https://www.youtube.com/watch?v=_DNY4gu6AbQ)
- [ ] [Fazendo registro de um novo usuário com Firebase](https://www.youtube.com/watch?v=tca_0b51mAQ)
- [ ] [Mantendo o login do usuário usando o Firebase](https://www.youtube.com/watch?v=S38VJT3Eq6g)
- [ ] [Implementando Logout](https://www.youtube.com/watch?v=L1FV588i_aQ)

### Firestore
- [ ] [Introdução ao Firestore](https://www.youtube.com/watch?v=DuIOsh1WL5Y)
- [ ] [Configurando o Firebase em um projeto web](https://www.youtube.com/watch?v=oFp7twsVEiE&list=PL9hacQcvMBGClsXFAkMEnmaR66icyjs_C)

## Github
### Github Projects - Organizando seu trabalho com o github
- [ ] [Sobre a o GitHub Projects](https://docs.github.com/pt/issues/planning-and-tracking-with-projects/learning-about-projects/about-projects)
- [ ] [Melhores práticas com GitHub Projects](https://docs.github.com/pt/issues/planning-and-tracking-with-projects/learning-about-projects/best-practices-for-projects)

links-estudos

links-estudos Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

links-estudos

links-estudos Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README