- Web-Moderno-com-JavaScript
- Seção 1: Introdução Curso Desenvolvimento Web
- Seção 2: Configuração do ambiente
- Seção 3: Iniciando com programação
- 15. Introdução do módulo
- 16. Conhecendo o Visual Studio Code
- 17. Sentença de código 01
- 18. Sentença de código 02
- 19. Comentários de código
- 20. Blocos de código
- 21. Desafio sentença e bloco
- 22. Desafio sentença e bloco - Resposta
- 23. Trabalhando com dados 01
- 24. Trabalhando com dados 02
- 25. Trabalhando com dados 03
- 26. Trabalhando com dados 04
- 27. Desafio Área da Circunferência
- 28. Desafio área da circunferência - Resposta
- 29. Desafio troca de valores
- 30. Desafio troca de valores - Resposta
- Seção 4: Javascript: Fundamentos
- 31. Visão geral de algoritmo
- 32. Visão geral de estruturas de dados
- 33. Lembrem-se sempre de salvar o código!
- 34. Configuração do projeto
- 35. Organização básica de um código JS
- 36. Executando JavaScript
- 37. Comentários de código
- 38. O básico de Var, Let e Const
- 39. Tipagem fraca
- 40. Tipos em JavaScript: Number
- 41. Number: Alguns cuidados
- 42. Usando Math
- 43. Tipos em JavaScript: String
- 44. Usando Template Strings
- 45. Tipos em JavaScript: Boolean
- 46. Tipos em JavaScript: Array
- 47. Tipos em JavaScript: Object
- 48. Entendendo o Null e o Undefined
- 49. Quase tudo é função!
- 50. Exemplos básicos de funções 01
- 51. Exemplos básicos de funções 02
- 52. Declaração de variáveis com var 01
- 53. Declaração de variáveis com var 02
- 54. Declaração de variáveis com Let
- 55. Usando Var em Loop 01
- 56. Usando Let em Loop 01
- 57. Usando Var em Loop 02
- 58. Usando Let em Loop 02
- 59. Entendendo o Hoisting
- 60. Função vs Objeto
- 61. Par Nome/Valor
- 62. Notação ponto
- 63. Operadores: Atribuição
- 64. Operadores: Destructuring 01
- 65. Operadores: Destructuring 02
- 66. Operadores: Destructuring 03
- 67. Operadores: Destructuring 03
- 68. Operadores aritméticos
- 69. Operadores: relacionais
- 70. Operadores lógicos
- 71. Operadores unários
- 72. Operadores ternários
- 73. Contexto de execução: Browser vs Node
- 74. Tratamento de Erro (Try/Catch/Throw)
- 75. Recursos
- Seção 5: Javascript: Estruturas de controle
- Seções:
- 01 - Visão Geral
- 02 - Configuração do Ambiente
- 03 - Fundamentos
- 04 - Estruturas de Controle
- 05 - Funções
- 06 - Objetos & OO
- 07 - Array
- 08 - Node
- 09 - ES Next... 6, 7, 8
- 10 - Fundamentos da Web
- 11 - HTML
- 12 - CSS
- 13 - DOM
- 14 - Ajax
- 15 - Gulp
- 16 - Webpack
- 17 - jQuery
- 18 - Bootstrap
- 19 - React
- 20 - Vue
- 21 - Banco de dados relacionais
- 22 - Banco de dados não relacionais
- 23 - express
- 24 - Integrando banco de dados
- 25 - Projetos
- 26 - Outros tópicos
- 27 - Conclusão
Todos os exercícios e projetos estão em https://github.com/cod3rcursos/web-moderno
Venho passar uma dica rápida e super importante pra quem tá iniciando na área de programação agora. Essa dica serve para qualquer ambiente ou curso que você vá fazer.
O terminal do seu sistema operacional, seja ele Windows, Linux ou Mac, é super importante. É uma ferramenta importante de ser dominada e que será utilizada em qualquer ambiente de qualquer linguagem ou tecnologia. Vou deixar aqui links para os posts feitos lá no Blog da Cod3r sobre esse assunto.
Caso vocês não saibam muito sobre os terminais ou se tiverem dúvidas sobre o assunto, recomendo que deem uma olhada.
Windows -> https://blog.cod3r.com.br/terminal-no-windows/
Linux/Mac -> https://blog.cod3r.com.br/terminal-no-macos-e-linux/
Fala galera! Tranquilo?
Antes de mais nada, recomendamos que vocês utilizem sempre a versão mais atualizada possível do Windows, ou seja, o Windows 10. Pois diversas tecnologias não dão mais suporte aos Windows 7, 8 ou 8.1, então caso vocês utilizem alguma dessas versões, vocês vão acabar tendo problemas em algum ponto do curso. A recomendação é utilizar o Windows 10.
Venho também dar uma outra dica super rápida porém super importante para todos que irão dar início às atividades do curso no ambiente Windows. O que acontece é que existem duas configurações padrão que vêm ativadas e acabam dificultando ou gerando erros na hora de programar em qualquer ambiente. Vou explicar rapidinho sobre elas e sobre como lidar com isso.
Na programação é super normal utilizar os caminhos absolutos de localizações na sua máquina em diversos momentos. Às vezes você mesmo utiliza, mas em geral as linguagens utilizam ali por debaixo do panos para que possam ser executadas. Esses caminhos são literalmente "c/users/seuNome/pasta" e tudo mais.
O primeiro problema é relacionado a Área de Trabalho, pois em alguns casos ela entra nesse caminho absoluto com seu nome em português, ou seja, com espaços e acentos. E isso acaba gerando erro em diversos ambientes. A forma de se lidar com isso é bem simples, basta criar seu projeto em outra pasta que não seja a Área de Trabalho.
O segundo problema é relacionado ao OneDrive. Nas versões mais recentes do Windows o OneDrive é ativado por padrão e ele acaba deixando todas as pastas e arquivos criados no seu computador como arquivos em nuvem, ao invés de arquivos locais. Isso também acaba gerando erros em alguns ambientes. Para resolver isso é simples, basta desativar o OneDrive para a pasta do seu projeto ou desativar geral mesmo. Você escolhe.
Bons estudos galera!
Fala, galera! Tudo bom?
Recebemos comentários sobre alunos que não sabiam como abrir os terminais usados na aula seguinte, então resolvemos explicar como fazer isso.
A primeira opção para abrir o terminal em qualquer sistema operacional que estejam usando seja MacOS, Windows ou Linux é a de usar a barra de pesquisa e procurar por termos como prompt (para Windows) ou terminal (para Linux ou MacOS).
Outra opção é o uso de atalhos de teclado. Para abrir o Prompt de Comando no Windows, vocês podem usar Tecla Windows + R e digitar cmd; para o Linux, podem abrir o terminal usando Ctrl + Alt + T; no MacOS podem usar COMMAND + ESPAÇO e digitar terminal para abrir.
Para abrir aquela janela de pesquisa no VSCode, o comando é Ctrl + Shift + P.
Espero que essas dicas sejam úteis para vocês, visto que os prompts serão usados novamente em aulas futuras.
Ah, aproveito para reiterar: o comando code vem por padrão em Windows, então se a opção de editar no VSCode não aparecer para vocês, não se assustem!
Bons estudos e até a próxima!
- Algoritmos não estão presentes apenas em programação (ex. Receita de bolo)
- Os algoritmos podem ser considerados o verbo dentro da programação
- Sequência de passos
- Suporta o conceito de repetição
- A repetição pode ser por um número n de vezes
- A repetição pode ser até que um determinado evento ocorra
- Suporta o conceito de tomada de decisão
- Você pode seguir um "caminho" a partir de determinada condição
- Você pode "pular" uma sequência de passos a partir de determinada condição
- A ordem de execução dos passos importa e pode gerar resultados incorretos (Bugs)
- Os algoritmos podem ter comportamentos diferentes:
- Receber um número n de entradas e devolver um número n de saídas (na maioria das linguagens haverá um retorno)
- Apenas receber uma entrada
- Apenas retornar uma saída
- Não receber nem retornar uma saída
- Os Algoritmos podem ser representados:
- Fluxograma
- Linguagem natural (problema ambiguidade)
- Pseudo-linguagens (ex.: Portugol)
- Linguagem artificial (linguagens de programação)
- As estruturas de dados permitem organizar e administrar os dados de uma aplicação
- As estruturas de dados podem ser básicas (ex.: inteira, real, letra, booleana, etc)
- As estruturas de dados podem ser personalizadas (ex.: cliente, produto, etc)
- Os dados que serão utilizados nas estruturas são armazenados em Variáveis e Constantes
Fala pessoal!
Lembrem sempre de salvar o código antes de tentar executar o mesmo. Essa ação é necessária para que o código seja de fato executado.
No VSCode, você pode salvar com o comando CTRL + S ou COMMAND + S, no MacOS.
Bons Estudos!
const peso1 = 1.0;
const peso2 = Number('2.0');
console.log(peso1, peso2);
// retorna se o número é inteiro ou não
console.log(Number.isInteger(peso1));
console.log(Number.isInteger(peso2));
const avaliacao1 = 9.871;
const avaliacao2 = 6.871;
const total = avaliacao1 * peso1 + avaliacao2 * peso2;
const media = total / (peso1 + peso2);
// Determina o número de casas decimais
console.log(media.toFixed(2));
// Retorna o número como string
console.log(media.toString());
// Retorna o número em binário com o parâmetro 2
console.log(media.toString(2));
// retorna o tipo do dado
console.log(typeof media);
// retorna o tipo de dado de Number
console.log(Number);