Minha jornada com a bolsa de estudos em desenvolvimento web do Instituto Nu e Descomplica - O que é a internet?
Instituto Nu e Descomplica - Bolsas de Estudo.
Gostaria de compartilhar que ganhei um bolsa de estudos! O Instituto Nu trabalha pela redução da desigualdade, incentivando iniciativas nas favelas e periferias do Brasil em três pilares: empreendedorismo, inovação social e educação, daí nossa parceria com o Descomplica, a maior EdTech da América Latina. O projeto, que é 100% gratuito e online, planeja atingir cerca de 10 mil jovens das periferias de todo o Brasil até junho de 2023 e conta com uma metodologia de formação que foi co-criada visando o potencial existente nas pessoas. Compartilharei um pouco do que foi passado até o momento:
O que é a internet?
Começou como um pequeno projeto executado pelo governo americano na década de 1960 e, desde então, tornou-se uma das invenções mais importantes de todos os tempos. A internet revolucionou nosso mundo, permitindo que pessoas de todo o mundo se comuniquem em tempo real e compartilhem conhecimento e ideias de uma forma que nunca foi possível antes.
A internet também desempenhou um papel fundamental no desenvolvimento de nossa sociedade moderna, por permitir o crescimento de tudo, desde as mídias sociais até as compras online e os serviços bancários online. Ele permite que as pessoas compartilhem informações, comuniquem-se e acessem recursos que, de outra forma, seriam difíceis ou impossíveis de encontrar.
O que acontece quando você visita uma página da web?
Quando você visita uma página da Web, seu computador baixa a página do servidor do site. A página contém informações sobre o site, como imagens, texto e links para outras páginas. Seu computador envia uma mensagem ao servidor do site informando que você deseja visitar a página. O servidor do site envia de volta uma mensagem contendo o conteúdo da página. Seu computador recebe o conteúdo e o exibe na tela. Seu computador armazena essas informações para que você possa acessá-las novamente mais tarde.
Arquitetura da WEB
Clientes são partes de software como seu navegador da Web que permitem acessar páginas e serviços da Web. Servidores são computadores que armazenam e hospedam o conteúdo da Web. Os dados são enviados do servidor para o cliente via uma conexão com a Internet.
A web é uma rede aberta que permite a qualquer pessoa criar e publicar conteúdo. A web também é uma rede descentralizada, o que significa que nenhuma entidade única a controla.
Fundamentos da arquitetura da web
Os fundamentos da arquitetura da web são os protocolos de rede que permitem que os computadores se comuniquem entre si pela Internet. Esses protocolos são um conjunto de regras que todos os computadores na Internet devem seguir para trocar dados.
Servidor de uma página web e hospedagem
O servidor de uma página da web é o computador que hospeda o conteúdo do site e lida com todas as solicitações feitas nas páginas do site. Um servidor é um computador que armazena e fornece conteúdo na Internet. Um servidor pode ser dedicado a um único site ou pode hospedar vários sites.
DOMÍNIO, URL E SISTEMA DE DNS.
Domínio: Um domínio é um nome exclusivo que identifica um site ou servidor específico.
URL: Um URL é um endereço exclusivo que identifica uma página ou recurso específico na Internet.
DNS: O Domain Name System (DNS) é um sistema centralizado que permite aos usuários encontrar dados na Internet.
Por que apreender programar?
Aprender a programar pode lhe dar uma sensação de liberdade.
É uma habilidade tão grande e versátil para se ter em seu "arsenal" porque você é realmente limitado apenas pela sua imaginação quando se trata do que pode fazer com ela.
Lógica de programação
A lógica de programação é a organização de uma sequência de instruções para resolver um problema ou criar um software. Ela é importante porque permite que os programadores criem soluções eficientes e precisas para os problemas que estão tentando resolver . A lógica de programação é frequentemente representada por meio de algoritmos , que são sequências finitas de instruções bem definidas e claras. Todo algoritmo deve ter um início e um fim e deve ser interpretado para entender o problema que está sendo resolvido. A lógica de programação é fundamental para a programação de computadores, ensinada em cursos de informática.
Pseudo Linguagens - Portugol
A pseudo linguagem é uma forma de representação de algoritmos que utiliza uma linguagem de programação simplificada e próxima da linguagem natural, permitindo que o programador escreva o algoritmo em um formato mais fácil de entender. O Portugal é uma pseudo linguagem criada para ajudar no ensino de lógica de programação e algoritmos. Ele permite que os programadores escrevam algoritmos padronizados em português, independentemente da linguagem de programação que será utilizada.
DEV tools para verificar como é a estrutura dos Site
As ferramentas de desenvolvimento do navegador são uma opção para verificar a estrutura de cada site. Elas permitem que os desenvolvedores visualizem as mudanças no HTML e CSS , escrevam e depurem códigos JavaScript. Essas ferramentas estão incluídas em todos os navegadores modernos e são uma opção útil para verificar a estrutura de um site. As ferramentas para desenvolvedores do Google Chrome permitem que os desenvolvedores analisem rapidamente o conteúdo e os recursos de uma página da Web.
Como usar o HTML?
HTML é a sigla para HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto. É uma linguagem de marcação usada para definir a estrutura e o significado do conteúdo de uma página da web. O HTML é o bloco de construção mais básico da web e composto por uma série de tags que o navegador usa para renderizar o conteúdo da página. A primeira versão do HTML foi criada em 1989 por Tim Berners-Lee, um cientista da computação britânica, sendo desenvolvida para compartilhar informações entre pesquisadores em diferentes instituições. Desde então, o HTML evoluiu e passou por várias versões, sendo a mais recente a HTML 5. O HTML é uma das linguagens de programação usada pelos desenvolvedores front-end para implementar o design de um site.
Elementos HTML
Os elementos HTML são como tags que compõem um documento HTML e são usados para definir a estrutura e o significado do conteúdo de uma página da web. As tags são formadas por uma estrutura própria , iniciando com o sinal "<" seguido pelo nome do elemento e, em seguida, o sinal ">". Existem muitos elementos HTML disponíveis, cada um com sua própria função e propósito]. Alguns exemplos de elementos HTML incluem o <p> para parágrafos, o <h1> para títulos, o <img> para imagens e <a> para links. Cada elemento HTML tem seus próprios atributos, usados para fornecer informações adicionais sobre o elemento. Os elementos HTML são a base para a criação de páginas da web.
Utilizando IDE - VS Code, Codepen ou Bloco de notas
Existem várias opções de editores de código para desenvolvedores web, cada um com suas próprias vantagens e segurança. O Bloco de Notas é um editor de texto simples que pode ser usado para escrever código HTML , mas não possui recursos avançados, como destaque de sintaxe e preenchimento automático.
O VS Code é um editor de código gratuito e de código aberto que oferece recursos avançados, como destaque de sintaxe, preenchimento automático e depuração de código.
O CodePen é uma plataforma online que permite que os desenvolvedores escrevam e compartilhem código HTML, CSS e JavaScript.
O Sublime Text é um editor de texto apropriado para código , markup e escrita comum, que oferece recursos avançados, como edição simultânea e edição de múltiplas linhas de código simultaneamente.
DOCTYPE Origem
O Doctype é uma instrução que informa ao navegador da web sobre a linguagem de marcação usada em um documento HTML. O Doctype é importante porque ajuda a garantir que o navegador renderize a página da web corretamente, evitando problema de compatibilidade.
O HTML tem sua origem no início da década de 90 e passou por várias atualizações e modificações em sua história.