/trilha_programador_frontend_vue

Repositorio onde eu documentarei meu estudo.

MIT LicenseMIT

trilha_programador_frontend_vue

Repositorio onde eu documentarei meu estudo.

Semana 1: HTML

Dia 1: Fundamentos de HTML

  • Introdução ao HTML
  • Estrutura básica

Dia 2 Prática

  • Criar uma página simples com título, parágrafo e lista,

Dia 3:

  • Elementos de texto

  • listas

  • links

  • imagens

    Dia 4 Prática

  • Adicionar links, imagens, formatação de texto à página anterior

  • Criar uma lista de itens dentro de uma lista suspensa (dropdown list)

  • lista de compras;

Dia 5:

  • Formulários
  • tabelas

Dia 6 Prática

  • Prática: Criar um formulário simples e uma tabela esportiva;

Dia 7 :

  • HTML Semantico

Dia 8 :

  • Incorporar videos, e outros conteudos de midias;
  • incorporar o mapa do google

Dia 9 Pratica

  • Criar uma pagina Complexa
  • criar uma pagina de produtos de animes;

Semana 2: CSS Básico

Dia 1:

  • Introdução ao CSS
  • Exercício: aplicar estilos básicos a um documento HTML (cor de fundo, fonte, cor do texto).

Dia 2:

  • Seletores CSS
  • Exercício: Utilizar diferentes tipos de seletores (elemento, classe, ID) para estilizar uma página.

Dia 3:

  • Unidades de Medida (px, em, rem, %)
  • Exercício: Criar um layout simples utilizando diferentes unidades de medida.

Dia 4:

  • Propriedades de Texto e Fonte
  • Exercício: Estilizar texto com diferentes fontes, tamanhos e estilos (negrito, itálico).

Dia 5

  • Box Model
  • Exercício: Criar uma série de caixas com diferentes margens, preenchimentos, bordas e tamanhos.

Dia 6

  • Propriedades de Fundo (background)
  • Exercício: Aplicar imagens de fundo, cores de fundo, e gradientes a elementos HTML.

Dia 7

  • Revisão da Semana
  • Exercício: Criar um layout de páginas simples utilizando os conceitos aprendidos.

Layout e Posicionamento

Dia 8

  • Display e Visibility
  • Exercício: Experimente com diferentes valores de 'display' (block, inline, inline-block, none).

Dia 9

  • float, clear

  • Exercício: criar um lyout de colunas flutuantes e usar 'clear' para resolver problemas de layout

    Dia 10

  • Position (static, relative, absolute, fixed, sticky)

  • Exercício: Criar exemplos demonstrando cada tipo de posicionamento.

Dia 11

  • Flexbox (Conceitos e Propriedades)
  • Exercício: Criar um layout utilizando Flexbox para alinhar e distribuir itens.

Dia 12

  • Flexbox (Prática)
  • Exercício: Recriar um layout de página famoso utilizando Flexbox.

Dia 13

  • CSS Grid (Conceitos e Propriedades)
  • Exercício: Criar uma grade simples utilizando CSS Grid.

Dia 14:

  • Revisão da Semana e Prática
  • Exercício: Criar um layout de página complexo utilizando CSS Grid.
  • Exercício: Criar um layout de página complexo utilizando CSS flexbox.

Design Responsivo

Dia 1

  • Media Queries (Introdução)
  • Exercicios: Aplicar media queries para ajustar o layout em diferentes tamanhos de tela.

Dia 2

  • Unidades Responsivas (vh, vw, %, min, max)
  • Exercício: Criar um layout que utilize unidades responsivas para adaptação automática.

Dia 3

  • Flexbox e Responsividade
  • Exercício: Utilizar Flexbox para criar um layout responsivo.

Dia 4

  • CSS Grid e Responsividade
  • Exercício: Utilizar CSS Grid para criar um layout responsivo.

Dia 5

  • Mobile-First Design
  • Exercício: Criar um layout de página seguindo a abordagem mobile-first.

Dia 6 Pratica

  • Desenvolver uma página web completa que seja responsiva.

Dia 7 Revisão da Semana e Prática

  • Refinar os projetos da semana baseando-se em feedbacks e autoavaliação.

Semana 3: Lógica de Programação e Algoritmos

Semana 1: Fundamentos de Algoritmos

Dia 1

  • Introdução à lógica de programação, algoritmos e pseudocódigo
  • Exercício: Descrever o passo a passo para fazer um sanduíche.

Dia 2

  • Tipos de Dados e Variaveis
  • Exercício: Escrever um algoritmo para calcular a média de três números.

Dia 3

  • Operadores Aritméticos e Relacionais
  • Exercício: Escrever um algoritmo para determinar se um número é par ou ímpar.

Dia 4

  • Estruturas Condicionais (if, else)
  • Exercício: Escrever um algoritmo para verificar se uma pessoa pode votar (idade >= 18).

Dia 5

  • Estruturas de Repetição (for, while)
  • Escrever um algoritmo que exiba os números de 1 a 10.

Dia 6 Prática

  • Criar uma calculadora de juros simples, desconto e valor descontado;
  • criar um sistema que calcula o IMC;

Dia 7 Fixação

  • Resolver problemas de lógica de programação em um site como HackerRank ou CodeSignal.

Semana 2: Estruturas de Dados Básicas

Dia 1

  • Arrays e Listas
  • Exercício: Escrever um algoritmo para encontrar o maior número em um array.

Dia 2

  • Matrizes
  • Exercício: Escrever um algoritmo para somar duas matrizes.

Dia 3

  • Funções e Procedimentos
  • Exercício: Escrever uma função que retorna o fatorial de um número. matrizes.

Dia 4

  • Recursão
  • Exercício: Escrever uma função recursiva para calcular o fatorial de um número. matrizes.

Dia 5 Revisão da Semana e Prática

  • Exercício: Escrever um algoritmo que verifica se uma palavra é um palíndromo.

Dia 6

  • Pilhas e filas
  • Exercício: Implementar uma pilha e uma fila utilizando arrays.

Dia 7 Exercícios de Fixação

  • Exercício: Resolver problemas de estruturas de dados em um site como LeetCode ou GeeksforGeeks.

Semana 3: Algoritmos de Ordenação e Pesquisa

Dia 1

  • Bubble Sort
  • [ ]Exercício: Implementar o algoritmo de ordenação Bubble Sort.

Dia 2

  • Insertion Sort
  • Exercício: Implementar o algoritmo de ordenação Insertion Sort.

Dia 3

  • Selection Sort

  • Exercício: mplementar o algoritmo de ordenação Selection Sort.

Dia 4

  • Merge Sort
  • Exercício: mplementar o algoritmo de ordenação Merge Sort.

Dia 5

  • Quick Sort
  • Exercício: Implementar o algoritmo de ordenação Quick Sort

Dia 6

  • Algoritmos de Pesquisa (Linear e Binária)
  • Exercício: Implementar os algoritmos de pesquisa linear e binária.

Dia 7 Revisão da Semana e Prática

  • Exercício: Comparar a eficiência dos algoritmos de ordenação e pesquisa implementados.