CRIE seu primeiro SISTEMA WEB! Introdução ao HTML - CSS - JAVASCRIPT

Entre hoje na melhor comunidade de programadores do mundo:
  / discord  

Fala, Coders!

Iniciamos uma sequência nova aqui no canal! Vamos fazer agora uma série de desenvolvimento web DO ZERO! Esse é seu primeiro passo na jornada de ser um desenvolvedor front-end, focado em programar aplicações web.

Nesse vídeo, te ensino a construir o passo a passo de uma sistema web simples, usando HTML, CSS e Javascript. A finalidade dessa aplicação é construir uma lista de tarefas simples e dinâmica, a famosa TO DO list. É um desafio inicial interessante para você que está começando no mundo da programação.

O HTML é a linguagem de programação responsável por criar os elementos visuais na tela. Nessa aula, te explico a forma padrão que um documento HTML funciona. Além disso, como nosso app é uma listagem de tarefas, vamos usar alguns elementos, como Div, Input, Button, LI e UL para criar nossa listagem, de forma que o usuario consiga adicionar dinamicamente as tarefas do seu dia.

Além disso, para deixar o app mais bonito, vamos aprender como usar algumas classes e propriedades do CSS, como background-color, padding, marging, font-size e border-radius.

Na parte do JS, criamos uma lógica bem legal, para quando o usuário clicar no botão, adicionarmos o item na lista, buscando no document do html o item correspondente a lista e input, para assim gerarmos os novos items da listagem (li) a partir do texto inserido pelo usuário.

Acredito que essa aula vai te ajudar a dominar os fundamentos necessários para criação de uma aplicação web simples, de forma que você consiga avançar no conteúdo aqui do canal e também na sua carreira.

Não deixe de ver nossa sequência de JavaScript caso ainda não tenha aprendido o básico da melhor linguagem de programação:
   • Aula 1 | Programando seu primeiro cód...  

Download do VSCode: https://code.visualstudio.com/

Meu Instagram:   / gabriel.ran.  .

SevenApps: https://www.sevenapps.tech/

#frontend #html #css #javascript #programação #webdevelopment