1. Acesso a um conteúdo completo e estruturado: o Frontstart oferece um curso que aborda desde os conceitos básicos até as habilidades necessárias para se tornar um desenvolvedor frontend júnior, tudo em um único lugar e de forma organizada.

2. Flexibilidade de horários e localização: por ser 100% online, o curso pode ser acessado de qualquer lugar e a qualquer hora, permitindo que o aluno estude no seu próprio ritmo e concilie o aprendizado com outras atividades.

3. Preparação para o mercado de trabalho: com a abordagem de tópicos como html, css, js e vue, o Frontstart oferece uma formação completa e atualizada, preparando o aluno para as demandas do mercado de trabalho e aumentando suas chances de conseguir uma vaga como desenvolvedor frontend júnior.

Pergunta 1: Para quem é o produto Frontstart?
Resposta 1: O produto Frontstart é para quem quer aprender desenvolvimento frontend.

Pergunta 2: O que será aprendido no curso Frontstart?
Resposta 2: No curso Frontstart, você irá aprender desde o básico até o que é necessário para conseguir uma vaga como desenvolvedor frontend júnior. Os tópicos abordados incluem html, css, js e vue.

Pergunta 3: O curso Frontstart é presencial ou online?
Resposta 3: O curso Frontstart é 100% online.

Isadora Stangarlin

Frontstart

Vídeo de boas vindas e informações

Links úteis (discord, notion)

Introdução

1. Html Basics

2. [HTML] Meta viewport

3. [Html] Principais tags

4. [CSS] Basics

5. [CSS] Padding e Margin

6. [CSS] Como fazer comentários

7. [CSS] Como importar Google Fonts

8. [HTML + JS] Importar ícones do feather icons

9. [HTML + CSS] Inline Style

10. [HTML] Favicon e Título do site

11. [CSS] Width, Height, min & max

12. [CSS] Background color

13. [CSS] Border radius

14. [CSS] Unidades de medida

15. [CSS] Display

16. [CSS] Display none

17. [CSS] Display vs Visibility

18. [CSS] Position

19. [CSS] Z-index

20. [HTML] Formulários

21. VsCode e extensões

22. [Ex] Position Absolute ícone no input

23. [Ex] Criando um formulário

[Solução de Problemas] Github

24. [git] Git básico (criar repo e commit)

25. [git] Criando github pages

26. [git] Criando um readme para o projeto

27. [CSS] Border-box

28. [CSS] Resetando o arquivo de CSS

28.1 [CSS] Seletor *

29. [CSS] Flexbox

30. [CSS] Alinhando elementos horizontalmente

31. [CSS] Alinhando elementos verticalmente

32. [CSS] Grid introdução

33. [CSS] Grid templates row e column

34. [CSS] Grid-template-area

35. [Ex] App de clima com grid layout

36. [Ex] Criando um app de clima com flexbox

37. [CSS] Posicionando o background Image

38. Final módulo 1

HTML & CSS Básico

1. Introdução do projeto 1

2. Configurando o projeto

3. Criando o header

4. Criando o menu de navegação

5. [responsividade] Header

6. [responsividade] Menu

7. Melhorando menu p/ celular

8. [git] Commit

9. Sobre mim

10. Sobre mim (linhas)

11. [responsividade] Sobre mim

12. Serviços

13. [responsividade] Serviços

14. Portfólio

15. [responsividade] Portfólio

16. Currículo

17. [responsividade] Currículo

18. Contato

19. Âncoras menu

Projeto Módulo 1

1. Introdução

2. JS Tipos de dados

3. JS Estudos teóricos

4. Hoisting, let, const, var

5. Arrow functions

6. Add Event Listener

7. Get Elements By Class Name

8. [exercício] Active Item

9. [exercício] Show hide text

10. String [Replace, Split, Slice, Template String]

11. Arrays

12. [Array] for Each

13. Pop, Push, shift, unshift

14. Slice & Splice

15. IndexOf

16. [Array] Map

17. [Array] Filter & Find

18. Função como parâmetro

19. For vs ForEach

20. Switch

21. If, Else If e Else

22. Operadores Aritméticos (++, -- e %)

23. Operadores (=== e ==)

24. [ex] Criando um pomodoro Timer (pt1)

25. [ex] Criando um Pomodoro Timer (pt2)

26.  [ex] Criando um Pomodoro Timer (pt3)

27. Requisições com AXIOS

28. [ex] Criando um slider (pt1)

29. [ex] Fazendo o slider dar scroll automaticamente (pt2)

30. [ex] Slider Indicador de posição pt3

Js Básico

1. [ex] Menu Lateral (pt1)

2. [ex] Menu Lateral usando position Fixed

3. [ex] Menu lateral usando position Static

4. [ex] Menu static responsividade

5. :After e :Before

6. [ex] :after/:before (Step Progress Bar)

7. Pre-processadores

8. Less

9. Transform

10. Transition

11. Animation

12. Transition vs animation

13. [EX] Codepen animation

14. [Ex] Transition trocando a classe

CSS Avançado

1. Vue Introdução

2. V-bind

3. Methods

4. V-for

5. V-if

6. V-else

7. Computed

8. V-model

9. Watch

10. Componentizando

11. Lifecycle

12. :Class

13. :Style

14. Vue Cli

Vue Js

1. Overview do Projeto

2. Criação da todo list

3. Riscar item que já foi feito

4. Deletar um item

5. Melhorias 1 - Watch

6. Melhorias 2 - Componentizar

Vue - Projeto Todo List (iniciantes)

1. Criando o projeto

2. Configurando o Less

3. Variáveis globais

4. Svg Loader

5. Fontes e CSS global

6. Menu lateral desktop

7. Menu lateral mobile

8. Vue Router

9. json serve

10. items list

11. Items List mobile

12. Vuex

13. Trocar category 

14. Loading

15. Imagens

16. Alinhando o card content

17. Cart

18. Arrumando os ids

19. Quantidade

20. Aumentar e diminuir a quantidade

21. Desabilitar quantidade < 0

22. Mixin

22. Cart

24. Cart router e responsividade

25. Cart total

26. Ajustes

27. Cart router com id 

28. Componentizando o quantity

29. Add to cart

30. Mudanças no componente quantity 

31. Botão carrinho

32. Add to cart modificações

33. Mudança do increase quantity

34. List animation

35. Feather icons

36. Modal

37. Modal remover do carrinho

38. Remover do carrinho Store

39. Adicionar observações

40. Adicionar observações 2

41. Pagamento botão e rotas

42. Payment view

43. Pedido validações de input

44. Pedido - Seus dados

45. Pedido - Endereço

46. Endereço Modal

47. Endereço validação

48. Card de Endereço 

49. Pagamento

50. Responsividade pedido

51. Validação final tela de pagamento

52. Whatsapp

53. Ultimos ajustes

54. Responsividade

55. Responsividade 2

56. Resposividade final

Vue - Projeto final

Resolvendo erros com o inspecionar

Análise de currículo

Faça um resumo dos seus estudos

Bônus

Freela x Emprego

Como encontrar vagas

Como são as entrevistas

Estou pronto?

Bônus - Como saber se eu estou pronto

Frontstart

Perguntas Frequentes