Formação Vue.js
Avance em front-end construindo Single Page Applications com mais produtividade
Assista o vídeo
veja nossa apresentação da Formação e uma Alura Live sobre a Carreira em Front-end
Descubra o Vue.js, a poderosa biblioteca JavaScript
Nesta Formação, você irá descobrir os principais benefícios do Vue.js, entendendo quando usá-la ao invés dos seus principais concorrentes: Angular, React e Angular.js.
O que é Vue.JS?
É um framework criado para desenvolver de interfaces de usuário e aplicativos de página única.
Quais os requisitos para começar em Vue.JS?
Você precisa ter um bom domínio das ferramentas de desenvolvimento front-end.
O que vou aprender na Formação Vue.JS?
Por isso, vamos começar esta jornada aprendendo CSS, HTML e JavaScript. Conheceremos também o Webpack, uma das ferramentas de produtividade do código JavaScript mais populares na comunidade.
Depois de conhecer as boas práticas dessas tecnologias imprescindíveis para front, já será na hora de mergulhar no mundo de Vue.js e botar a mão na massa!
O que é possível criar com o Vue.JS?
Criaremos uma SPA (Single Page Application) em forma de um programa de gerenciamento de fotos. Você a integrará com o back-end Node.js, criará seus próprios componentes e irá dominar diretivas, rotas e views.
Com foco em boas práticas, você aprenderá como validar formulários facilmente, e conhecerá mais recursos que podem lhe ajudar na construção da sua SPA como code splitting, lazy loading e mais.
Começa a estudar essa Formação e alavanque a sua carreira em front-end!
Por que estudar esta formação?
-
Guia de aprendizado
Conteúdos pensados para facilitar seu estudo
-
Do básico ao avançado
Formação completa para o mercado
-
Você dentro do mercado
Do zero ao sonhado emprego em sua área de interesse
Comece essa formação agora mesmo e capacite-se para seu próximo projeto!
Conheça os planosCom quem você irá aprender
-
Douglas Quintanilha Barbosa Ferreira
-
Flavio Henrique de Souza Almeida
-
Pedro Marins
Passo a passo
1 Ganhando uma boa base no front-end
Para começar, você irá aprender e praticar a dupla famosa de desenvolvimento Web, CSS e HTML. Nesta parte da Formação, você criará do zero um site, que pode ser uma apresentação do seu trabalho ou um blog pessoal.
Você conhecerá as principais features de construção de interfaces para deixar essa página moderna e de fácil uso.
-
Curso HTML5 e CSS3 parte 1: A primeira página da Web
Curso | 08h - Aprenda o que é o HTML e o CSS
- Entenda a estrutura básica de um arquivo HTML
- Utilize o navegador para inspecionar elementos
- Aprenda a definir estilos para elementos usando o CSS
- Desenvolva um página Web
-
Curso HTML5 e CSS3 parte 2: Posicionamento, listas e navegação
Curso | 08h - Aprenda a estrutura da página HTML
- Navegue entre páginas web
- Conheça reset.css e o posicionamento pelo CSS
- Entenda a diferença entre inline e block
- Lide com bordas e pseudo-classes CSS
-
Curso HTML5 e CSS3 parte 3: Trabalhando com formulários e tabelas
Curso | 08h - Crie formulários complexos
- Trabalhe com campos para celulares
- Apresente informações em tabelas
- Use estilos para formulários, campos e tabelas
- Entenda a hierarquia no CSS
- Trabalhe com transformações e transições
-
Curso HTML5 e CSS3 parte 4: Avançando no CSS
Curso | 08h - Importe conteúdo externo na sua página HTML, como fontes, vídeos e mapas
- Conheça pseudo-classes e pseudo-elementos
- Use seletores de CSS avançados
- Saiba como lidar com opacidade e sombra
- Entenda sobre o Viewport e design responsivo
-
Curso HTML5 e CSS3 I: Suas primeiras páginas da Web
Curso | 32h - Aprenda o que é o HTML e o CSS
- Entenda a estrutura básica de um arquivo HTML
- Aprenda a usar cada uma das diferentes tags do HTML
- Utilize o navegador para inspecionar elementos e encontrar bugs
- Aprenda a definir estilos para elementos usando o CSS
- Desenvolva páginas Web
-
Curso HTML5 e CSS3 II: Turbinando as suas páginas
Curso | 40h - Conheça as diferenças das unidades de medida no CSS
- A verdadeira referência do valor absolute
- Faça truques e com sombras com text-shadow e box-shadow
- Saiba das vantagens e desvantagens do uso de seletores avançados
- Melhore a legibilidade do código com cálculos com css
- Use a propriedade transition para criar animações incríveis
-
Post Começando com o desenvolvimento Front-end - Blog da Alura
-
Post Organizando o CSS no seu projeto - Blog da Alura
-
Vídeo CSS mágico que não existe - Alura Live #38 - YouTube
-
Post Centralizando um elemento com CSS - Blog da Alura
-
Podcast CSS: Cansei de Ser Simples - Hipsters #09 - Hipsters Ponto TechHipsters Ponto Tech
Faça esse curso e:
Mais detalhesdo curso HTML5 e CSS3 parte 1: A primeira página da Web
Faça esse curso e:
Mais detalhesdo curso HTML5 e CSS3 parte 2: Posicionamento, listas e navegação
Faça esse curso e:
Mais detalhesdo curso HTML5 e CSS3 parte 3: Trabalhando com formulários e tabelas
Faça esse curso e:
Mais detalhesdo curso HTML5 e CSS3 parte 4: Avançando no CSS
Faça esse curso e:
Mais detalhesdo curso HTML5 e CSS3 I: Suas primeiras páginas da Web
Faça esse curso e:
Mais detalhesdo curso HTML5 e CSS3 II: Turbinando as suas páginas
-
2 Programando na linguagem web
Considerando que você já tem conhecimentos básicos da linguagem JavaScript, agora você se aprofundará nela aprendendo a manipular elementos dentro da sua página, utilizando e validando formulários e conhecendo boas práticas de organização do código.
Em seguida, iremos avançar e conhecer o Webpack, um dos empacotadores de código para projetos Web mais populares no mercado. Você conhecerá o Webpack Dev Server, que lhe dará mais agilidade na hora de escrever seu código.
-
Curso JavaScript: Programando na linguagem da web
Curso | 20h - Entenda mais como funciona esta popular linguagem do mercado
- Aprenda a manipular os elementos de sua página
- Trabalhe bem com eventos do navegador
- Entenda como utilizar e validar formulários
- Conheça boas práticas de organização de código Javascript
- Busque dados em outro servidor com AJAX
-
Curso Webpack: Manipulando módulos na sua webapp
Curso | 08h - Aprenda o module bundler mais popular do mercado
- Diferencie o build de desenvolvimento do build de produção
- Aprenda a aplicar técnicas como o lazy loading e o code splitting
- Seja mais produtivo como Webpack Dev Server
- Separe sua aplicação em diferentes bundles
- Aplique na prática as boas práticas seguidas pela comunidade
-
Vídeo Alura Live #66 - Resolvendo problemas reais com Javascript e CSS - YouTube
-
Podcast O Reino encantado do JavaScript - Hipsters #38 - Hipsters Ponto TechHipsters Ponto Tech
-
Podcast Evolução e Especificação do JavaScript Moderno - Hipsters #58 - Hipsters Ponto TechHipsters Ponto Tech
Faça esse curso e:
Mais detalhesdo curso JavaScript: Programando na linguagem da web
Faça esse curso e:
Mais detalhesdo curso Webpack: Manipulando módulos na sua webapp
-
3 Mergulhando no Vue.js
Chegou a hora de conhecer a biblioteca Vue.js! Você irá criar uma SPA (Single Page Application) em forma de um programa de gerenciamento de fotos e a integrará com o back-end Node.js.
Em seguida, você irá ganhar mais confiança na ferramenta, criará seus próprios componentes e irá dominar diretivas, rotas e views.
-
Curso Vue.js parte 1: construindo Single Page Applications
Curso | 16h - Construa do zero uma Single Page Application
- Crie seus próprios componentes
- Domine o data binding, diretivas, rotas e views
- Aplique boas práticas do início ao fim
- Integre com o backend NodeJS como exemplo
-
Curso Vue.js parte 2: construindo Single Page Applications
Curso | 16h - Aprenda a criar diretivas
- Valide formulários facilmente
- Organize ainda melhor seu projeto
- Entenda sobre o processo de build
- Realize code splitting e lazy loading
-
Vídeo Vue.js - Alura Live #77 - YouTube
-
Podcast Single Page Applications - Hipsters #16 - Hipsters Ponto TechHipsters Ponto Tech
Faça esse curso e:
Mais detalhesdo curso Vue.js parte 1: construindo Single Page Applications
Faça esse curso e:
Mais detalhesdo curso Vue.js parte 2: construindo Single Page Applications
-
Front-end
Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...