https://github.com/ythiago03/js-study
https://github.com/ythiago03/js-study
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ythiago03/js-study
- Owner: ythiago03
- Created: 2023-01-31T20:18:08.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-28T20:56:03.000Z (over 3 years ago)
- Last Synced: 2024-12-31T07:44:18.824Z (over 1 year ago)
- Language: JavaScript
- Size: 32.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Estudos de javascript
Repositório para guardar meus estudos de javascript
🚧 This project is under construction . . . 🚧
sobre •
tecnologias •
O que é o javascript •
Sintaxe básica •
Var,Let e Const •
Funções •
Arrays e Objects •
Projetos Práticos •
Cursos Gratuitos •
Livros Gratuitos •
autor
# Sobre
- A ideia deste repositório é guardar estudos do javascript desde o básico ao avançado.
- Estou atualizando esse repositório de acordo com meus estudos, como tive dificuldade de aprender javascript, estou criando esse repositório para solidificar meu aprendizado e ajudar outras pessoas que tenham dificuldade.
- Por enquanto só vou colocar conteudos sobre javascript, mas futuramente planejo colocar conteudos sobre outras linguagens de programação.
- Fique a vontade para contribuir com esse repositório enviando pull requests.
- Se você encontrar algum bug ou quiser me dar alguma dica fique a vontade para me chamar no email: ythiagohcfidencio@gmail.com
# Tecnologias
As seguintes tecnologias foram usadas no projeto:
- HTML5
- CSS3
- JavaScript
# O que é o javascript
Basicamente, javascript é uma linguagem de programação que te permite criar conteúdo que se atualiza dinamicamente, controlar múltimídias, imagens animadas, e muitas outras coisas interessantes. Ele foi criado pelo programador Brendan Eich em meados da década de 90, Brendan Eich além de criar o javascript, também foi um dos fundadores da Mozilla Corporation. O javascript trabalha em conjunto com HTML e CSS, sendo ele a terceira camada do bolo de desenvolvimento web. Ele é uma linguagem interpretada, ou seja,
ele é compilado em tempo real pelo navegador, ele segue o padrão ECMASript, que atualmente está no ECMASript6, também é comumente utilizado em aplicações client-side.
Javascript tem muitas vantagens que o tornam a melhor escolha entre os concorrentes. Especialmente em certos tipos de usos e casos. Aqui estão apenas alguns dos benefícios de usar a linguagem JS:
- É mais rápido e mais leve do que outras linguagens de programação.
- Torna o site mais interativo e prende a atenção do visitante por mais tempo.
- Você não precisa de um compilador porque os navegadores de Internet o interpretam com HTML.
- Ele pode ser atribuído a determinados elementos da página da Web ou eventos específicos, como cliques personalizados do mouse e rolagem.
# Sintaxe básica
Javascript é uma linguagem case-sensitive, ou seja letras maiúsculas e letras minúsculas fazem diferença, por exemplo, a variável ``` var fruta ``` não é igual á variável```var fruTa```.
Tipos de dados
Numéricos
Caracteres/Strings
Booleans
# Var Let e Const
Variáveis em javascript são uma forma de guardar dados que possam ser acessados ou manipulados no código, independente do tipo desses dados, assim, se nós criarmos uma variável chamada 'nome' e atribuir a ela um valor, toda vez que chamarmos essa variável, ela irá mostrar o valor guardado dentro dela:
```javascript
var nome = "João"
```
Assim, se chamarmos a variável nome ela mostrará "João":
```javascript
nome
"João"
```
Elas podem ser indicadas de três diferentes formas: `` var, let e const``.
Var
Variáveis indicadas pela palavra `` var `` ela é a variável mais liberal, sofre de hoisting, pode ser reatribuída, escapa do escopo.
# Funções
# Arrays e Objects
Basicamente falando, um array é uma variável que pode armazenar mais de um valor, por exemplo:
```js
var nome = 'Thiago';//Uma variável não pode receber mais de um valor.
var nomes = ['Thiago', 'João', 'Maria']//Um array pode ter mais de um valor guardado dentro dele.
```
Então como eu faço para pegar um valor específico do meu array? Basicamente, todo elemento do array tem um índice, que sempre começa do 0, assim se você quiser acessar um valor específico, você precisa indicar o índice que você quer acessar colocando ele entre [ ].
```js
var nomes = ['Thiago', 'João', 'Maria']
console.log(nomes[1])//João
```
Principais Métodos
Alguns dos principais médodos de array.
map( )
```js
const array = [1, 2, 3, 4, 5]
const newArray = array.map( element => element * 2)//Percorre o array e faz a operação para cada item.
console.log(newArray)//[2, 4, 6, 8, 10]
//Não altera o array original.
//Executa uma ação para cada elemento do array.
//O novo array sempre vai ter o mesmo tamanho do array original.
```
find( ) e findIndex( )
every( )
filter( )
some( )
reduce( )
# Projetos Práticos
# Cursos Gratuitos
# Livros Gratuitos
# Alguns sites que me ajudaram a criar este repositório
-
- Hostinger tutoriais
- Developer Mozilla
# Autor
Feito com 💜 por Thiago Henrique ✨Veja meu linkedin