HTML

#1 - Curso de HTM

#2 - Tag P e mais regras

#3 - Tags H, h1 até h6

#4 - Tag a - Âncora

#5 - Tag abbr - Abreviações

#6 - Tag address - Informações de contato

#7 - Tags area e map - Mapeando links

#8 - Tags article e a Nova Semântica

#9 - Tag aside da Nova Semântica

#10 - Tag audio, inserindo música e sons na página

#11 - Tag b, Bold/Negrito

#12 - Tag base, apontamento de local padrão

#13 - Tag bdo, diração do texto

#14 - Tags blockquote e cite

#15 - Tag br, quebra de linha

#16 - Tag button

#17 - Tag canvas

#18 - Tags code e pre

#19 - Tags del e ins

#21 - Tags details e Summary

#22 - Tag dialog

#23 - Tag div (parte 1)

#24 - Tag dialog P2

#25 - Tag div P2

#26 - Lista de definição, Tags dl, dt e dd

#27 - Tag em, para ênfase

#28 - Tag embed

#29 - Tag figure

#30 - Tag footer (rodapé)

#31 - Formulário P1

#32 - Formulário P2

#33 - Formulário P3 (password, checkbox, radio)

#34 - Formulário P4 (date, time, datetime-local)

#35 - Formulário P5 (month, week, hidden)

#36 - Formulário P6 (input color, email, image)

#37 - Formulário P7 (input input tel, number, search)

#38 - Formulário P8 (input file, input url)

#39 - Formulário P9 (select, option)

#40 - Formulário P10 (list, datalist)

#41 - Formulário P11 (fieldset)

#42 - Formulário P12 (textarea)

#43 - Headings, H1 a H6

#44 - Google Fonts, mudando as fontes do seu site

#45 - Tag head (cabeça)

#46 - tag header (cabeçalho de seções)

#47 - tag hr (Barra horizontal / Horizontal Rule)

#48 - Tag html

#49 - Tag i

#50 - Tag iframe

#51 - Tag img

#52 - Tag kbd

#53 - Tag link

#54 - Tag mark

#55 - Tag iframe parte 2

#56 - Tags meta

#57 - Tag meter

#58 - Tag nav

#59 - Tag noscript

#60 - Tag object

#61 - Tag OL (Listas Ordenadas)

#62 - Tag optgroup, agrupar elementos no select

#63 - Tag output

#64 - Tag progress

#65 - Tag q (quote)

#66 - Tags ruby e rt

#67 - Tag samp

#68 - Tag section

#69 - Tag small

#70 - Tag source

#71 - Tag span

#72 - Tag strong

#73 - Tag style

#74 - Tags sup e sub (subscrito e sobrescrito)

#75 - Como criar tabelas em HTML P1 (table, tr, td)

#76 - Tabelas html, mesclando células (colspan e rowspan)

#77 - Tabelas html, thead, tbody e tfoot

#78 - Formatando tabela com CSS

#79 - Tag Time

#80 - Tag Title

#81 - Tag ul - Lista não ordenada

#82 - Tag var - Lista não ordenada

#83 - Tag video

#84 - Construindo página com layout FULL PAGE #P1

#85 - Construindo página com layout FULL PAGE #P2

#86 - Construindo página com layout FULL PAGE #P3

#87 - Construindo página com layout FULL PAGE #P4

#88 - Animação ao Scroll / Página com layout FULL PAGE #P5

#89 - Efeito Parallax / Página com layout FULL PAGE #P6

#90 - Janela Modal / Página com layout FULL PAGE #P7

#91 - Janela Modal P2 / Página com layout FULL PAGE #P8

#92 - Janela Modal P3 / Página com layout FULL PAGE #P8

#93 - Menu de ícones fixo

#94 - Menu de ícones Retrátil

#95 - Acordeon

#96 - Seção de guias/tabs P1

#97 - Seção de guias/tabs P2

#98 - Menu com pesquisa interna

#99 - Menu lateral oculto interativo

#100 - Header auto ajustável

#101 - Menu de abas laterais interativo

#102 - Menu rolante que fixa no topo

#103 - Menu estilo Mobile

#104 - Menu DropDown

#105 - Slideshow #p1

#106 - Slideshow #p2

#107 - Slideshow #p3

#108 - Galeria de imagens

#109 - Sobreposição de imagens

#110 - Aplicando filtros em imagens

#111 - Caixas de texto sobre imagens

#112 - Imagem de fundo (background) FullPage

#113 - Arredondando imagens

#114 - Cartões digitais

#115 - Efeito Shake / Tremida / Terremoto

#116 - Galeria de imagens filtrável

#117 - Botão com animação

#118 - Expandir e Retrair texto/ botão leia mais

#119 - Alerta tecla CapsLock

#120 - Mostrar/Ocultar senha

#121 - Background animado

#122 - Rolagem suave da página

#123 - Barra de rolagem personalizada

#124 - Efeito Digitação de Texto

#125 - Introdução ao Canvas HTML e Javascript [Canvas

#126 - Aprendendo sobre rect, clearRect e fillRect [Canvas]

#127 - Desenhando linhas no Canvas [Canvas]

#128 - Movimentar elementos por programação #P1 [Canvas]

#128 - Movimentar elementos por programação #P2 [Canvas]

#130 - Movimentar elementos por programação #P3

#131 - Desenhando arcos e círculos com a Função ARC do canvas [Canvas]

#132 - Desenhando e Animando circulos com a função ARC do canvas #P2 [Canvas]

#133 - Entendendo a função arcTo do canvas [Canvas]

#134 - Aprenda como inserir imagens no canvas [Canvas]

#135 - Sprite Sheet em canvas [Canvas]

#136 - Movendo imagens no canvas pelo teclado [Canvas]

#137 - Movendo imagens no canvas pelo teclado #P2 [Canvas]

#138 - Movendo imagens no canvas pelo teclado usando classes #P3 [Canvas]

#139 - Movendo imagens no canvas pelo teclado usando classes #P4 [Canvas]

CSS

#140 - Curso de CS completo 2024

Curso CSS grid completo

#141 - Terminologia CSS Grid

#142 - CSS Grid substitui Flexbox?

#143 - Sua Primeira Grid

#144 - repeat() e minmax()

#145 - A Nova Unidade CSS FR

#146 - Alinhamento de Conteúdo

#147 - Ocupando Espaços com CSS Grid (parte 1)

#148 - Ocupando Espaços com CSS Grid (parte 2)

#149 - Ocupando Espaços com CSS Grid (parte 3)

#150 - Sobreposição de Conteúdo com CSS Grid

#151 - Áreas de Grid

#152 - auto-fill e auto-fit

#153 - Nomes de Linha em CSS Grid (parte 1)

#154 - Nomes de Linha em CSS Grid (parte 2)

#155 - CSS Grid na Prática

#156 - CSS Grid na Prática

#157 - CSS Grid na Prática

Curso Flexbox completo

#158 - O que é Flexbox

#159 - Terminologia Flexbox

#160 - CSS Grid substitui Flexbox?

#161 - Seu Primeiro Flex Container

#162 - flex-direction

#163 - flex-wrap

#164 - flex-flow

#165 - justify-content

#166 - align-items

#167 - align-content

#168 - order

#169 - align-self

#170 - O Que Nunca Te Contaram Sobre flex-grow

#171 - flex-shrink

#172 - flex-basis & flex

#173 - Centralização Vertical

#174 - Multicolunas de Altura Igual

#175 - Rodapé Fixo

#176 - Como Fazer o Layout Santo Graal com Flexbox

#177 - Como Fazer um Menu Responsivo

#178 - Como Fazer um Widget de Previsão do Tempo com Flexbox

#179 - Como Fazer um Accordion de Imagens

Lógicas de programação

#180 - Introdução a lógica de programação

#181 - Conceito de variáveis

#182 - Conceito de variáveis

#183 - Criando variáveis

#184 - Criando variáveis

#185 - Regras na criação de variáveis

#186 - Operadores aritméticos

#187 - Códigos com expressões aritméticas

#188 - Recebendo dados do PROMPT DE COMANDO

#189 - MNwtlcuDa1Y

#190 - Estrutura condicional IF..ELSE

#191 - Operadores Relacionais

#192 - Operadores Lógicos

#193 - Condicional Simples e composta

#194 - Estrutura condicional Switch case

#195 - Switch case | EXEMPLO DE UMA LANCHONETE

#196 - Diferença das estruturas If else e Switch case

#197 - Introdução aos laços de repetição

#198 - Sintaxe da estrutura de repetição while

#199 - Conceito de variável contadora

#200 - Exemplos com a estrutura while

#201 - Estrutura de repetição do while

#202 - Diferença das estruturas while e do..while

#203 - Estrutura de repetição FOR

#204 - Exemplos com a estrutura FOR

#205 - Arrays(Vetores)

#206 - Manipulando Arrays (vetores)

#207 - Conceito de funções

#208 - Exemplos com funções

Aprenda javascript + projetos

#209 - Aprenda javascript em 1 video + projetos

Curso Git e Github completo

#210 - Curso Git e Github completo

React js 2024 completo

#211 - ¿QUÉ ES REACT? ¿POR QUÉ DEBO UTILIZARLO?

#212 - REACT VS JAVASCRIPT VANILLA

#213 - DESARROLLANDO POR PRIMERA VEZ CÓDIGO REACT!

#214 - CREANDO NUESTRO PRIMER PROYECTO DE REACT!

#215 - POR QUÉ UTILIZAR VITE CON REACT?

#216 - TODO SOBRE LOS COMPONENTES EN REACT

#217 - QUÉ ES LA SINTAXIS JSX EN REACT?

#218 - CREANDO NUESTRO PRIMER COMPONENTE DE REACT DESDE CERO!

#219 - CÓMO REACT GESTIONA Y MANEJA LOS COMPONENTES?

#220 - USANDO VALORES DINÁMICOS CON REACT!

#211 - RUTAS DINÁMICAS EN REACT!

#222 - PERSONALIZANDO ATRIBUTOS CON PROPS EN REACT!

#223 - OPTIMIZANDO NUESTRO DESARROLLO DE PROPS EN REACT!

#224 - ESTRUCTURANDO NUESTROS COMPONENTES EN REACT

#225 - ESTRUCTURANDO LOS ESTILOS DE NUESTROS COMPONENTES EN REACT

#226 - LA PROP ESPECIAL CHILDREN EN REACT!

#227 - PROGRAMANDO EVENTOS EN REACT!

#228 - FUNCIONES COMO VALORES EN LAS PROPS EN REACT!

#220 - PARÁMETROS PERSONALIZADOS EN LOS EVENTOS EN REACT!

#230 - INTENTANDO ACTUALIZAR MI INTERFAZ (UI) EN REACT!

#231 - MANEJANDO STATES Y UTILIZANDO REACT HOOKS!

#232 - DESPLEGANDO CONTENIDO CON STATES DE REACT!

#233 - RENDERIZANDO CONTENIDO CONDICIONALMENTE EN REACT!

#234 - ESTABLECIENDO ESTILOS CSS DINÁMICOS EN REACT!

#235 - LISTADOS DINÁMICOS CON MÉTODO MAP EN REACT!

#236 - PUEDES NO USAR SINTAXIS JSX! (React.createElement)

#237 - FRAGMENT, UN NUEVO COMPONENTE MUY ESPECIAL!

#238 - ES NECESARIO DIVIDIR NUESTROS COMPONENTES!

#239 - LAS PROPS NO SON AUTOMÁTICAS!

#240 - FORWARDED PROPS O PROPS TRANSMITIDAS EN REACT

#241 - DESPLEGANDO MÚLTIPLES BLOQUES JSX

#242 - CREANDO MENÚS DINÁMICOS!

#243 - CONTENEDORES JSX PERSONALIZADOS!

#244 - PROPS CON VALORES POR DEFECTO

#245 - TIC-TAC-TOE DESAROLLADO CON REACT

#246 - COMPONENTES REUTILIZABLES PARA TIC-TAC-TOE!

#247 - MANEJANDO ESTADOS Y CONDICIONES TERNARIAS!

#248 - AISLAMIENTO DE COMPONENTES!

#249 - CÓMO DEBERÍAS ACTUALIZAR LOS ESTADOS?

#250 - COMUNICACIÓN BIDIRECCIONAL (TWO WAY BINDING)

#251 - RENDERIZANDO MATRICES MULTIDIMENSIONALES!

#252 - INMUTABILIDAD EN LOS ESTADOS!

#253 - ELEVANDO MIS ESTADOS!

#254 - ELEVANDO MIS ESTILOS!

#255 - REFACTORIZACIÓN Y REPASO TIC TAC TOE!

#256 - EVITANDO ESTADOS INNECESARIOS!

#257 - OPERANDO NUESTROS ESTADOS!

#258 - DERIVANDO LOS ESTADOS!

#259 - COMPARTIENDO ESTADOS CON COMPONENTES!

#260 - ESTADOS CONDICIONADOS!

#261 - DERIVANDO INFORMACIÓN!

#262 - IMPORTANDO INFORMACIÓN EN REACT!

#263 - ESTRUCTURANDO LOS ESTADOS!

#264 - ITERANDO ESTRUCTURAS!

#265 - ESTILOS CONDICIONALES!

#266 - RENDERIZADO CONDICIONAL!

#267 - ESTADO ALTERNATIVO!

#268 - REFACTORIZACIÓN FINAL!

#269 - CÓMO DOTAR A TUS REACT APPS CON ESTILOS CSS?

Curso SQL completo para iniciantes

#270 - Curso SQL completo para iniciantes

Curso de Nodejs

#271 - O que é Node.JS

#272 - Como Instalar o Node.js

#273 - Node na prática

#275 - Módulos

#276 - Protocolo HTTP

#277 - Introdução ao Express

#278 - Rotas

#279 - Parâmetros

#280 - Nodemon

#281 - Exibindo HTML

#282 - Instalando o Mysql

#283 - Como criar tabelas no MySQL

#284 - Manipulando o MySQL

#285 - Deletando registros no MySQL

#286 - Atualizando registros no MySQL

#287 - Sequelize

#288 - Como se conectar ao MySQL

#289 - Models no Sequelize

#290 - Handlebars

#291 - Como criar um formulário

#292 - Como enviar dados do formulário

#293 - Body parser

#294 - Estruturando banco de dados

#295 - Pegando dados do formulário

#296 - Listando dados do banco

#297 - Deletando posts

#298 - Introdução ao MongoDB

#299 - Como instalar o MongoDB

#300 - Iniciando com Mongoose

#301 - Trabalhando com o Mongoose

#302 - Iniciando projeto Express.js

#303 - Grupo de rotas no Express.js

#304 - Arquivos estáticos

#305 - Formulário de categorias

#306 - Definindo o model de categorias

#307 - Cadastrando categorias no banco de dados

#308 - O que são sessões e cookies

#309 - Middlewares

#310 - Como configurar sessões

#311 - Como validar formulários no Express.js

#312 - Listando categorias

#313 - Editando categoria

#314 - Deletando categorias

#315 - definindo model de postagens

#316 - Formulário de postagens

#317 - Salvando postagens no banco de dados

#318 - Listando postagens

#319 - Editando postagens

#320 - Deletando postagens

#321 - Criando home page

#322 - Página de postagem

#323 - Listagem de categorias

#324 - Definindo model de usuario

#325 - Registro de usuários

#326 - Fazendo correção

#327 - Cadastrando usuários no banco de dados

#328 - Formulário de login

#329 - Configurando o Passport

#330 - Finalizando autenticação

#331 - Controlando acesso

#332 - Logout

#333 - Como fazer Deploy na Heroku

Aprenda Programação de Forma Fácil e Acessível!

Este projeto foi criado especialmente para iniciantes em programação. Reuni os melhores conteúdos educativos dos mais renomados canais do YouTube em um só lugar, para que você possa aprender a programar de maneira prática e eficiente. Aqui, você encontrará cursos e tutoriais cuidadosamente selecionados, cobrindo diversas linguagens e ferramentas, organizados para facilitar o seu aprendizado. Comece sua jornada na programação com os melhores recursos disponíveis, tudo em um único ambiente fácil de navegar e gratuito.

imagem dev

Guia do dev, todos os direitos reservados

feito por Klenilson Rox