DEV Community: Licia-afk

Discover da RocketSeat - Módulo 3.

Licia-afk — Wed, 27 Dec 2023 06:44:41 +0000

Fala Dev, tudo bem?

Quem tem acompanhado os posts anteriores já sabe que eu estou escrevendo esses posts para auxiliar na aprendizagem de quem está cursando o Discover da RocketSeat (https://www.rocketseat.com.br/discover) e também como uma forma de revisão e fixação de conteúdo. Tenham em mente que essas foram as minhas anotações pessoais e contêm diferenças das aulas, portanto, podem ser utilizadas como método auxiliar de aprendizagem, mas não substituem as aulas.

Em função de trabalho, tenho viajado bastante, portanto, irei demorar um pouco para fazer a revisão do conteúdo e postar por aqui.

Sem mais delongas, vamos lá?

Módulo 3 - Iniciando o HTML e CSS

AULA 1 - INTRODUÇÃO AO HTML - 06:31

HTML é Hypertext Markup Language, ou seja, Linguagem de Marcação de Texto. É utilizada para estruturar textos, criar links, imagens, vídeos, etc.
Hipertexto - surgiu com o advento da internet, com a possibilidade de inserir links nos textos.
Markup - é uma marcação de texto marcando um elemento HTML ou uma TAG, cada um serve para um propósito diferente, como criar links, imagens, texto, parágrafo.
Sintaxe da tag - conteúdo da tag
Atributos - adiciona informações extras e configurações à uma tag, exp: ver site .
Como escrever o atributo?
Ver site
Ver site
A parte importante da programação é entender que você dá uma instrução pro computador.

AULA 2 - INTRODUÇÃO AO CSS - 03:19

CSS significa Cascading Style Sheets, ou seja, Folha de Estilo em Cascata. Ele estiliza o HTML, é uma apresentação visual para o cliente.
É composto de declarações, que são pedaços de códigos que irão ditar as propriedades e valores a serem aplicados a um elemento HTML.
Como ele é escrito?
Você coloca um seletor de uma tag, abre a chave, escreve uma ou mais propriedades, dois pontos, adiciona um valor, ponto e vírgula e fecha a chave.
body {
background: black;
}
Existem comentários que também são feitos no CSS, são feitos dessa forma: /* exemplo */

AULA 3 - CONCEITO CSS - CASCATA E ESPECIFICIDADE - 04:13

Cascata - Se você repetir a mesma propriedade mais de uma vez e não colocar especificidades dentro das tags, o CSS irá considerar o último somente, portanto, a Cascata é isso, quando há 2 ou mais declarações a última será a mais relevante.

Especificidade - Cada seletor tem um peso e a soma dos pesos, será levada em conta para que determinada declaração seja mais específica.

id {

peso 100
}
.class {
peso 10
}
element {
peso 1
}

O CSS não aceita que qualquer ID comece com números e carácteres especiais (exceto o underline).

A cascata perde prioridade e é priorizada a especificidade da declaração, então, a especificidade funciona antes da cascata.

AULA 4 - CSS CONCEITOS - BOX MODEL - 07:26

Todos os elementos do CSS são observados como caixa e a caixa possui determinadas propriedades, como conteúdo, largura, altura, borda, preenchimento (espaço interno), espaçamento (espaço externo). Tem relação de como as caixas se comportam com elas mesmas ou com as caixas irmãs a ela.
É preciso compreender o comportamento padrão de algumas tags: h1 é display block, a p é display block e a spam é display inline.

AULA 5 - CONFIGURANDO O VSCODE - 03:10

Adicionou 4 extensões = Live server, Material Icon Theme, Omni Theme and Prettier - Code formatter.
Você irá criar uma nova pasta na área de trabalho para o projeto, arrastar para o VSCode, dentro do aplicativo você vai criar uma nova pasta chamada “.vscode” e criar um novo arquivo chamado “settings.json”, ele é utilizado para definir as configurações globais do editor para aquele projeto, como fonte e tema, você irá copiar o código que está disponibilizado na página e colar nesse formato e irá criar outro arquivo chamado “extensions.json” e repetir o mesmo procedimento com outro tipo de código.

AULA 6 - INICIANDO O PROJETO E O HTML - 07:19

Criar um novo arquivo chamado “index.html” e digitar uma “!” e dar enter e o Emmet (uma inteligência do VSCode), vai completar com a base do HTML.
O Doctype - Define o documento como html 5.
Document element ou root element tem a propriedade de língua, podendo colocar em pt-br ou en.
O head é responsável por ajustar configurações do documento que não são visíveis para quem acessa a pagina, com exceção da tag title.

A tag Meta define a configuração do próprio documento.
- O atributo: Charset define que são permitidos carácteres especiais da página, como o cedilha (ç), os acentos circunflexo (ê) e agudo (é) e o til (ã).
- Os atributos http-equiv e content: tornam os navegadores antigos compatíveis com os atuais.
- O atributo Name: tem o viewport que é visualizado como a caixa de visualização, então a página se adapta a visualização do celular e do computador, content é sobre altura e largura em outros dispositivos.

O head são as configurações da página, o body são as partes que estão visíveis.
Lembrar de constantemente salvar com CNTRL + S ou Comand + S, caso esteja no MAC.
Indentação - recuo das tags do código para adaptar a página e melhorar a visualização do código.

AULA 7 - ABRINDO O PROJETO NA WEB - 04:07
 
Para melhorar a visualização na web, vá em index.html no VS Code e “Open with live server”, que é um Plug-in instalado.
Um protocolo é um conjunto de regras para um tipo de file (arquivo), em termos práticos: file://user.etc…
HTTP: HyperText Transfer Protocol.
HTTPS: HyperText Transfer Protocol Secure.
Quando está escrito assim: http://127.0.0.1 é o computador simulando como se tivesse um servidor aberto para a página, no entanto, não está aberto em um servidor e sim na sua máquina.
Todo o domínio é transformado em um número, como o domínio do Google: (https://www.google.com) é transformado em um número e passa por uma porta 443.

AULA 8 - ADICIONANDO O ARQUIVO CSS - 02:48

Tudo que é alterado na tag Head, altera alguma parte do seu documento, porém nem tudo é visível.
Adicionar a tag link para criar um relacionamento com um tipo de arquivo (o tipo de arquivo é o CSS, então coloca Stylesheet), então adiciona um atributo (HREF) que diz em que lugar do mundo tá a referência, para dizer que está nessa própria pasta, você coloca ./ ou só digita o nome da pasta do projeto.
Ex:  

AULA 9 - QUIZ 

AULA 10 - ACESSANDO O PROJETO NO FIGMA - 04:04 

Acessar os materiais complementares que estão disponíveis no primeiro módulo: https://efficient-sloth-d85.notion.site/Materiais-complementares-d7841615addc4269ba5c5bba12a6edbe

Quem usa o ferramenta do Figma é Designer UX-UA. É importante ver o Figma na aula e saber como transformar do Figma para o código.
Para dar zoom no windows: Ctrl + bolinha do mouse
Para mover a tela: Espaço + clicando e arrastando 

AULA 11 - EXPORTANDO A IMAGEM DE FUNDO  - 01:40

Baixar um zip e exportar algumas informações para o VSCode, mas basicamente é só seguir as instruções da aula.

AULA 12 - APLICANDO O BACKGROUND NO PROJETO  - 07:01

Dentro do CSS, cria o seletor do Body, escolhe o tipo de background, nesse caso é o de imagem através do URL, adiciona o no repeat para a imagem não ser colada várias vezes, ajusta ela no top center e por último, ajuste-a para cobrir toda a tela.
Não precisa adicionar várias vezes o seletor do body, você pode escolher as propriedades e continuar adicionando em somente um seletor.

AULA 13 - AS CAIXAS DO HTML E CSS NA PRÁTICA - 05:32

É preciso entender que tudo do HTML e do CSS são caixas e o professor faz mais uma explicação mostrando tudo que está contendo dentro delas, por exemplo, pequenas caixas dentro de grandes caixas.
A DIV é uma tag genérica que não tem estilos que o Browser aplica nela, ao nomear o ID, o nome não pode se repetir, precisa ter alguma informação diferenciando o ID, ao colocar a # no CSS e o nome da id, você caracteriza ela.
O pixel é uma unidade de medida fixa do CSS, é referente ao que tem em tela.

AULA 14 - CENTRALIZANDO UMA CAIXA - 01:52 

É preciso considerar as margens da página, ao adicionar as margens da direita e esquerda, não precisa fazer manualmente os dois, pode recorrer diretamente a margem: auto.
Mas existe uma regra no CSS em que não faz automaticamente o preenchimento das margens de cima e debaixo, só funciona com a largura, ou seja, as partes laterais.  

AULA 15 - ADICIONANDO A IMAGEM DE PERFIL - 05:23

Adicionar uma tag profile e dentro da tag profile adicionar a tag image com dois atributos, o primeiro é o source que identifica onde a imagem está localizada, e o segundo é o alt que tem algumas funções, caso ela não seja encontrada no endereço do source haverá no seu lugar uma descrição, caso uma pessoa em situação de deficiência visual acesse o site e a última função é a interpretação do google, já que a ferramenta não visualiza a imagem, é necessário uma descrição.
O .ZIP é um tipo de arquivo que contém arquivos dentro.  

AULA 16 - ESTILIZANDO A IMAGEM DE PERFIL - 02:12

Geralmente no CSS não é necessário definir a altura, porque ela segue o conteúdo da página, mas é preciso definir a largura.

AULA 17 - DISPLAY NONE INLINE E BLOCK E ALINHAMENTO DE ELEMENTOS INLINE - 06:16

Existem regras do CSS e HTML que não obedecem a olho nu.
Ao adicionar o elemento display e caracterizar como none, o container some da tela.
O display block vai ocupar toda a largura da tela, forçando o elemento que está em cima a ocupar seu espaço em cima e o elemento que está abaixo a ficar embaixo.
Os elementos inline ocupam o mínimo de espaço possível, sendo assim, ficam até na mesma linha se for preciso e também para os elementos inline, não é possível aplicar a margem auto, caso queira, o elemento precisa ser obrigatoriamente em block.
Um elemento inline-block é a mesma coisa, vai tentar tomar o mínimo de espaço possível, outras coisas podem estar na mesma linha, porém você pode ajustar a largura e a altura.
O elemento display none age como se o que estivesse nele não existisse e tudo se move ao redor dele.

Obs: achei a explicação dessa aula confusa, então fui pesquisar um vídeo para me esclarecer, deixo aqui o link do vídeo para quem quiser checar: https://youtu.be/Qf-wVa9y9V4?si=T3mfkkygduS93kOK

AULA 18 - ADICIONANDO FONTES E ESTILOS AOS TEXTOS - 04:18

Para adicionar as fontes no VSCode, deve pesquisar no: https://fonts.google.com/
Asterisco é o seletor universal, significa que ele vai aplicar isso para todos os elementos dentro do body.
Font weight - é o peso da fonte que você adicionou do Google, o 500 é considerado negrito.
Font size - por padrão, os navegadores já tem o fonte size de 16 pixels.
Line height - é a altura da linha.

AULA 19 - RESET DE CSS - 02:13

Por padrão, o navegador já coloca espaço em algumas tags, nem sempre é interessante manter os espaços padrões do navegador, por isso, é interessante zerar em alguns momentos.

Então é interessante colocar o seletor universal para zerar as margens e o preenchimento interno. 

AULA 20 - ENTENDENDO MARGIN E PADDING - 05:25 

Margin e padding tem 4 propriedades importantes, top, right, bottom e left, respectivamente, então gira no sentido horário, mas podem ser reunidas em 1 propriedade principal.
No entanto, se você tem 1 propriedade, ela deverá ser aplicada em todos os lados, se tem 2 propriedades, a primeira fica em cima e embaixo e a segunda nas laterais, se tem 3 propriedades, a primeira fica em cima, a segunda nas laterais e a terceira embaixo, se tem 4 propriedades, funciona no sentido horário. 

AULA 21 - CRIANDO LISTA EM HTML  - 03:32

A tag ul é a que você usa para criar listas não ordenadas, Unsorted line.
A tag li é um item da lista.
Ao colocar a tag a e o href ( link do site), se você quiser que a pessoa abra outra página, você coloca o atributo target.

Discover da RocketSeat - Módulo 2.

Licia-afk — Fri, 15 Dec 2023 02:58:26 +0000

Fala Dev, tudo bem?

Para quem viu o post anterior, eu estou escrevendo esses posts para auxiliar na aprendizagem de quem está cursando o Discover da RocketSeat (https://www.rocketseat.com.br/discover) e também como uma forma de revisão e fixação de conteúdo. Tenham em mente que essas foram as minhas anotações pessoais e contêm diferenças das aulas, portanto, podem ser utilizadas como método auxiliar de aprendizagem, mas não substituem as aulas.

Sem mais delongas, vamos lá?

Módulo 2 - Aprendendo a aprender

AULA 1 - INTRO - 0:28

Técnicas de estudos para o aprendizado acelerado na programação - Apelidado de REPROGRAMAR.

AULA 2 - PLANEJAMENTO E ORGANIZAÇÃO - 3:52

É importantíssimo se planejar, visualizar qual o seu objetivo, ou seja, de terminar o projeto do discover, mas sem ter pressa ao fazer.
Ajustar a expectativa, por exemplo, em vídeo o projeto pode ter 1h, na prática pode levar muito mais que o dobro.
Ao definir o objetivo, é preciso se organizar com um cronograma realístico com uma agenda e horários.

AULA 3 - APRENDIZADO E METODOLOGIA PARE - 6:55

Processo de aprendizado, feito pelo cérebro.
• O conhecimento, que é o primeiro contato com o conteúdo.
• O reconhecimento, ver novamente o conteúdo várias vezes.
• A solidificação, um processo demorado.

Formas passivas e ativas de aprendizado - Você pode assistir, ler e ouvir, mas isso não é um método ativo.

Metodologia PARE, criada no ano de 2022, pelo educador Mayk Brito.

P = Perguntar, questionar, pesquisar.
A = Anotar, escrever, desenhar, criar um mapa mental.
R = Revisar, reforçar, tende a ser um processo solitário.
E = Explicar, debater, defender um ponto, argumentar.

E depois de estudar, você precisa PARAR, ter pausas para descanso, meditar e respirar.

AULA 4 - APRENDIZADO NA PRÁTICA - 01:37

Na prática, ao fazer anotações você já tem quase um roteiro, então você pode criar vídeos explicando o conteúdo, gravar audios com as anotações e questionamentos, escrever artigos, participar de debates em comunidades, grupos e fóruns, pesquisar informações e resolver desafios.

AULA 5 - COMO ESTUDAR DE MANEIRA EFICIENTE - 09:25

Para estudar, é preciso um conjunto de variáveis, entre elas:

• Foco - A concentração é importante, portanto escolha momentos calmos do seu dia, em que você não se distraia com facilidade.
- Focar no que é importante, se você estuda um assunto, foque nele ao invés de pular de galho em galho.
- E não tente ser multitarefa com relação aos estudos, você talvez não consiga dar atenção plena a alguma atividade que está exercendo.

• Motivação - A dopamina precisa estar regulada para gerar vontade de entender sobre determinado assunto.
- É imprescindível ter disciplina, não é sempre que você estará 100% para realizar as atividades, e aí que a disciplina entra, por isso, caso já tenha organizado sua agenda para os estudos, tente manter-se no ritmo que você criou.

• Horário - Procure descobrir qual o horário que você estará mais alerta e menos cansado, devido a química do cérebro, raros são os casos de pessoas que são realmente noturnas.

• Descanso - O descanso serve pra restaurar e consolidar as informações novas que recebeu durante o dia e o intencional é uma pausa durante o dia.

• Saúde - Envolve a física ao cuidar da alimentação, tomar um sol e não ficar só dentro do quarto, se hidratar, tomar ar puro ao sair de casa e praticar exercício regularmente.
- Lidar com o mental é importantíssimo, pois cada vez mais temos pessoas sendo diagnosticadas com ansiedade e que se sentem apreensivas quanto ao seu futuro, a ansiedade e o medo podem incapacitar, mas você não pode deixar isso te paralisar.
- Requer também lidar com o espiritual, a meditação é uma forma de lidar com o seu corpo e tentar lidar com o que afeta a sua saúde mental, outra maneira é a respiração, pausar, inspirar profundamente por uns 4 segundos e depois soltar, ao fazer isso, você desacelera e a oração é uma questão mais religiosa para quem pratica.

AULA 6 - TÉCNICAS DE ESTUDO EM PROGRAMAÇÃO - 09:30

A escola te ensina a memorizar conteúdos, a programação te ensina a pesquisar e processar as informações que voce pesquisa.
• Pomodoro - são 25 minutos ininterruptos de estudo, desligando o celular e estando em um ambiente calmo e que você consiga se concentrar com facilidade, com 5 minutos de pausa em que você faz qualquer atividade não relacionada a programação, repetir esse circuito quatro vezes e após isso você fecha 1 pomodoro. Caso queira iniciar outro, o recomendado é que descanse por 15 minutos entre um e outro. No começo, é provável que você você não consiga fazer os circuitos de 25 minutos e só consiga fazer 10/15 e isso é ok, leva tempo até se acostumar, mas caso consiga fazer, você pode ir aumentando o tempo e o máximo recomendado é de 50 minutos, já que mais do que isso pode impactar sua coluna negativamente.
• Lozanov - música baixa de fundo enquanto estuda, é uma sem voz como lo-fi e clássica (60-70bpm). É boa para revisar.
Você pode usar o combo do Pomodoro com o Lozanov.
• Feymann - Estudar assunto e explicar para uma pessoa que não tem conhecimento desse assunto, identificar quais são as falhas na sua explicação, voltar a estudar o assunto e melhorar.
• Active Recall - Assistir a aula, fazer anotações curtas (bullet points, mapas mentais, prints) e puxar da memória para codar ou usar as anotações.

AULA 7 - REVISÃO E FINALIZAÇÃO - 01:46

Nesse módulo, foram abordado tópicos como planejamento, organização, forma ativa de estudar, tornar seu momento ideal para estudo e técnicas para ajudar.

AULA 8 - QUIZ

AULA 9 - PREPARE-SE PRO QUE VEM POR AÍ - 01:09

Você aprenderá nas próximas aulas os detalhes de como upar informações pro GitHub - inserindo o Read Me, entenderá o que é um HTML, CSS e JavaScript.

Discover da RocketSeat - Módulo 1.

Licia-afk — Tue, 12 Dec 2023 16:43:28 +0000

Fala Dev, tudo bem?

Estou escrevendo esse post para auxiliar a aprendizagem de quem está cursando o Discover da RocketSeat (https://www.rocketseat.com.br/discover) e também como uma forma de revisão e fixação de conteúdo. Tenham em mente que essas foram as minhas anotações pessoais e contêm diferenças das aulas, portanto, podem ser utilizadas como método auxiliar de aprendizagem, mas não substituem as aulas.

Sem mais delongas, vamos lá?

Módulo 1 - Primeiros passos

AULA 1 - BOAS VINDAS AO DISCOVER - 08:13

O curso é organizado, estruturado e direto ao ponto.
Te mostra as diversas possibilidades do mercado, os salários, a melhor metodologia do mercado para te dar segurança nos primeiros passos.
A intenção é que você aprenda na prática.
O educador se chama Mayk Brito.
Uma área competitiva, que somente pessoas que se dedicam conseguem uma chance no mercado.
A primeira afirmação é que leva tempo para construir a carreira, as pessoas que mais se dão bem nessa área estão em um aprendizado constante, então é necessário dedicação, constância e esforço.
O discover é uma introdução ao explorer, que é um curso completo.
O projeto final será um agregador de links, parecido com o Linktree, esse projeto possui light e dark mode.

AULA 2 - CONHEÇA A PLATAFORMA - 05:55

Na parte de acesso rápido tem a opção de continuar onde parou.
Os detalhes da jornada, quando você fez a inscrição, as aulas assistidas, os desafios.
Apresentação dos módulos, divisão dos conteúdos, feedbacks das aulas, desafios e comunidade do discord.

AULA 3 - O QUE É SER DEV, PROGRAMAR E ÁREAS DE ATUAÇÃO - 08:37

É importante frisar que a programação é prática,então é preciso treinar.
No mercado de programação, segundo a Brasscom tem mais de 790 mil vagas até 2025.
No entanto, esse mercado busca profissionais qualificados.
Oportunidade global - podendo trabalhar de qualquer lugar do mundo.
O tempo de experiência é de cerca de 2 anos, significa que eles esperam que você tenha um bom conhecimento prático de vários cenários dentro de 2 anos, não significa trabalhar na área, mas se você puder provar através de projetos.
As habilidades são chamadas de Hard skills e Soft skills.

-As hard skills são habilidades técnicas e conceitos da área.
- As soft skills são habilidades comportamentais, como comunicação, resolução de problemas, gerenciamento de tempo e tarefas, trabalho em equipe e entre outras.

O que é programar? Resolver problemas do mundo real através das linhas de código.
Desenvolvedor tem uma gama maior de conhecimento e resolução de problemas, enquanto o programador resolve as tarefas.
As áreas de atuação e salários variam de acordo com a vaga e a experiência da pessoa.
Há diversidade nas áreas de atuação, por exemplo:
• WEB
• Mobile
• Dados
• A.I. - Inteligência artificial
• Negócios
• Analista
• IoT - Internet das coisas e outras.

A programação web envolve Front-end e Back-end
O front-end é a parte visual das coisas, a interação com o usuário.
O back-end é a parte lógica das coisas, as regras do negócio.
O Full-stack é conjunto dos dois.

Em quanto tempo você vai aprender? Depende do tempo que você dedicar, mas o curso tem uma média de 5 horas.

AULA 4 - INTERNET - 01:03

A internet é uma rede mundial de computadores que estão conectados entre si e realizam transferência de dados.

AULA 5 - PROGRAMAS E ARQUIVOS - 00:38

Os programas e aplicativos são os navegadores, aplicativos de mensagens, redes sociais.
Os arquivos são fotos, vídeos e textos que são interpretados por programas e apps.

AULA 6 - FRONT-END E BACK-END - 02:32

O cliente pode ser uma pessoa física ou um navegador (browser)
O servidor é um computador que tem os códigos
A troca de dados/arquivos acontece quando o cliente faz o pedido e o servidor (back-end) escuta e dá uma resposta.

AULA 7 - TECNOLOGIAS FRONT-END E BACK-END - 01:52

Para o Front-end, são usados no mínimo 3 tecnologias, o HTML é uma linguagem de marcação de texto que estrutura os textos, então cria links, põe imagens, sons, vídeos. Além dele também tem o CSS, para deixa-lo mais bonito e por último, aparece o JavaScript, que é a linguagem de programação que funciona no navegador, tornando a página interativa.

Para o Back-end, tem o NodeJS, que roda o JS no computador, onde contém as informações dos negócios, ali é onde se guarda dados, então é usado para proteger as senhas e os logins.

AULA 8 - AMBIENTE DEV - 01:20

Ferramentas sugeridas para desenvolver:
• Microsoft Edge ou outro navegador browser
• Visual Studio Code (VSCode) - Editor de código profissional para gerencia o projeto

• Figma - Plataforma online e profissional para Design de projetos
• Git - Rastreamento e histórico do projeto
• GitHub - Seus projetos na nuvem
• Fronteditor.dev - Editor de código online

AULA 9 - MEDOS COMUNS AOS INICIANTES EM PROGRAMAÇÃO - 16:18

• Ser velho ou novo demais para programar - Não existe idade mínima ou máxima, o mercado não se importará com sua idade, porém sim com sua habilidade, claro que há vantagem em cada ponto, para os mais novos a aprendizagem mais rápida alcançando resultado técnico mais rápido, então caso continue se aperfeiçoando, tem vantagem em vagas que exigem maiores habilidades técnicas, enquanto para os mais velhos, a sabedoria de vida e o conhecimento em outras áreas dão vantagens em vagas que precisam de maturidade maior.
• Não ter um bom raciocínio lógico - A programação ajuda a melhorar seu raciocínio, pois o raciocínio lógico é treinável e o cérebro funciona como um músculo do corpo, portanto reage a prática constante, sendo assim, ao praticar todos os dias você consegue melhorar seu raciocínio lógico.
• Entender a aula, mas não conseguir colocar em prática - Isso é normal, programação é prática e leva tempo como meses e anos para o cérebro começar a responder aos desafios com soluções, porém é preciso que fique claro que apenas assistir aos vídeos não é suficiente, portanto é muito difícil aprender a programar somente quando você estuda de forma passiva, ou seja, ao assistir aos videos.
• Levar mais tempo estudando, portanto não estudar aprendendo no ritmo das aulas - O ritmo é algo individual, por isso, não se compare ao ritmo de outras pessoas ou da liberação de conteúdo, é indispensável, todavia, que você mantenha constância nos estudos para que continue evoluindo, não fique focado na quantidade de aulas ou horas que faltam pra você terminar, porém mantenha a energia focada na qualidade dos seus estudos.
• Não ser bom em matemática, álgebra ou estatística - A programação WEB não exige que você necessariamente saiba essas coisas, o que é necessário para programar é saber operações básicas e raciocínio lógico. Caso precise de algo mais complexo da matemática avançada, você pode pesquisar e estudar até conseguir resolver o problema.
• Ter problema para memorizar o código - É essencial que você entenda que programação não é memorizar códigos, isso é perder seu tempo, pois cada desafio trará algo novo e programar é encontrar soluções de forma mais eficiente, o que é importante é entender os conceitos da área.
• É preciso fazer faculdade? Não é obrigatório para a maioria das vagas e não garante emprego, apesar disso as vantagens de fazer uma graduação na área são de fazer conexões, ter maturidade nas pesquisas, adquirir conhecimento teórico e ser mais facilmente encaminhado para um estágio na área, as desvantagens também existem, já que é muito tempo investido para resultar em conhecimentos técnicos baixos ou inexistentes e conhecimentos teóricos desatualizados ou desnecessários para o mercado atual.

AULA 10 - MATERIAIS COMPLEMENTARES

https://efficient-sloth-d85.notion.site/Materiais-complementares-d7841615addc4269ba5c5bba12a6edbe

AULA 11 - QUIZ

Entenda DEFINITIVAMENTE como programação funciona e o que fazer café tem a ver com isso

Licia-afk — Sun, 30 May 2021 01:33:22 +0000

Hoje em dia, é sabido que a programação está presente no nosso cotidiano, podendo estar incluída mesmo em coisas simples como ligar uma televisão, até mais complexas como carros autônomos. Mas como a programação funciona exatamente? No curso de desenvolvimento web que estou fazendo pela Rocketseat, estudei esse conceito mais a fundo e trouxe de maneira explicativa para que até uma leiga da tecnologia como eu entenda.

E como fazer isso melhor do que fazer uma analogia com uma bebida tão presente na rotina do brasileiro como o café? É o que eu me proponho aqui e espero que vocês gostem.

O algoritmo do café

Imagine que para fazer café, é preciso ter ingredientes como a água, o açúcar, o pó de café. Esses ingredientes seriam o que chamamos de dados. Os dados são manipulados assim como nós manipulamos os ingredientes para fazer café. Esses dados possuem algumas características naturais como dados do tipo numéricos, de texto (strings) ou booleanos (verdadeiro/falso), mas esse não é o foco do artigo, então vamos seguir para o exemplo do café.

Claro que só dar o comando para que a cafeteira faça o café, não é o suficiente. O que precisamos fazer, na verdade, é um passo a passo para que esses ingredientes cheguem ao nosso produto final que é o café. Esse passo a passo de manipulação dos ingredientes é o que chamamos de algoritmo. O algoritmo interpreta os dados e os manipula em forma de comandos para que a máquina (o programa de computador, o aplicativo no celular) execute uma ação.

No nosso exemplo, como seria o algoritmo de fazer café?

Insira um novo filtro de papel na cafeteira.
Agora coloque o pó em um compartimento da cafeteira.
Em seguida, coloque a água em outro compartimento da cafeteira.
Adicione também o açúcar, caso necessário.
E por último, ligue a cafeteira e aguarde o café ficar pronto.

Esses algoritmos se manifestam de diversas formas, através das linguagens de programação, porém todas as linguagens usam a mesma base lógica, que é a lógica de programação. Independente do modelo da cafeteira elétrica, a série de passos a serem seguidos são os mesmos ou muito similares, tal qual a lógica de programação se aplica da mesma forma independente da linguagem de programação for usada.

A programação, por fim, é a síntese desses algoritmos em forma de linguagem. Uma série de comandos interpretada pelo computador para que execute uma ação determinada.

Claro que existem muito mais conteúdos a serem estudados neste vasto universo, no entanto, a forma como são construídos os algoritmos é a base de toda a programação. Por isso, independentemente do que você deseja estudar dentro da programação ou até mesmo se não for estudar nessa área, a lógica de programação é fundamental para que você entenda como a tecnologia se comporta e para que você aprenda a resolver problemas de uma forma lógica.

Espero que essa explicação tenha sido tão útil para você como foi para os meus estudos. Acredito que a analogia do café possa ajudar a esclarecer esses conceitos de dados, algoritmos, linguagem e lógica de programação. Reforço a minha recomendação para o curso da Rocketseat, um curso excelente para introduzir ao universo da programação de maneira totalmente grátis.

Se esse artigo foi útil de alguma forma, deixe seu ❤️ e caso tenha alguma dúvida, deixe seu comentário.