#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]
#140 - Curso de CS completo 2024
#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
#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
#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
#209 - Aprenda javascript em 1 video + projetos
#210 - Curso Git e Github 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?
#270 - Curso SQL completo para iniciantes
#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
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.
Guia do dev, todos os direitos reservados
feito por Klenilson Rox