Introdução ao Front-EnD Web - Noções Básicas

Slide utilizado na matéria Programação Front-End Web no curso de Tecnologias em Sistemas para Internet.

1. INTRODUÇÃO AO
FRONT-END
Prof. Norton Guimarães

2. Quem será o seu Professor?

3. Quem sou eu?
Me Chamo Norton Guimarães e serei seu
professor regente com mais de 20 anos de
atuação docente.
Sou formado em Análise de Sistemas.
Tenho especialização em Orientação a Objetos
e Internet com Java, e em Mineração de Dados.
Minha maior titulação é o Mestrado em Ciência
da Computação.

4. Experiência Profissional
Web Master - Cultura Online
Desenvolvedor Web - LG Formando Talentos
Analista de Sistemas - Comdata

5. Certificações
SCRUM
Kanban
Java
C#

6. Plano de Ensino

7. Plano de Ensino

8. Plano de Ensino

9. O mundo Front-End

10. A Evolução
O mundo da programação está em constante evolução, e
uma das áreas mais dinâmicas e requisitadas atualmente
é a programação Front-end.
Responsável pela interface e pela experiência do usuário,
o desenvolvimento Front-end se tornou uma habilidade
essencial para quem deseja ingressar na carreira de
tecnologia.

12. O que é programação Front-end?
Programação Front-end é a parte do
desenvolvimento web que lida com o que
os usuários vêem e interagem em um site
ou aplicativo, incluindo o layout, design, e
todas as outras interações no navegador.

13. Para que serve a programação Front-end?
Programação Front-end é fundamental para a otimização da
experiência do usuário (UX). A forma como o conteúdo é
apresentado, a velocidade de carregamento, a
responsividade em diferentes dispositivos e a acessibilidade
são todos aspectos que dependem de um bom
desenvolvimento Front-end.

14. Experiência do Usuário (UX) e Interface do Usuário (UI)
O objetivo do UX é deixar a pessoa usuária feliz e engajada,
entendendo o que ela quer, como age e o que espera.
O objetivo da UI é criar uma interface intuitiva e funcional
que facilite a interação da pessoa usuária com o produto ou
serviço, inclui todos os elementos que a pessoa usuária vê
na tela, como botões, menus, ícones, cores e fontes.

15. Quais são as principais linguagens utilizadas?

16. Quais são os principais frameworks?
Tendências
Svelte.js
Ember.js
Backbone.js
Preact.js
Next.js
Can.js
by META by MIT

17. O que faz um programador Front-end?
Um programador Front-end é responsável por
transformar o design e os requisitos funcionais de um
site ou aplicativo em código que pode ser executado em
um navegador.
Suas tarefas incluem: Criação de layouts;
Desenvolvimento de funcionalidades interativas;
Otimização da UX; Garantia de que o site seja responsivo
e acessível em diferentes dispositivos.

18. Quais são as principais soft skills de um front end?
●Comunicação efetiva:
●Trabalho em equipe
●Pensamento analítico
●Adaptabilidade
●Atenção aos detalhes

19. Quais são as principais hard skills de um front end?
●HTML, CSS e JavaScript
●Frameworks front-end
●Design responsivo
●Manipulação do DOM
●Versionamento de código

20. Como se tornar um desenvolvedor Front-end?
1.Analise o mercado de trabalho da área
2.Procure um curso de especialização na área
3.Estude os fundamentos de algoritmo e lógica de programação
4.Estude as linguagens de programação HTML, CSS e JavaScript
5.Estude sobre linha de comando e controle de versão
6.Entenda sobre as interfaces de programação de aplicativos
7.Conheça as bibliotecas do JavaScript e do CSS
8.Comece a fazer pequenos projetos
9.Crie um portfólio on-line com seus projetos
10.Participe de comunidades ativas na área
11.Procure as oportunidades de trabalho no mercado

21. Mercado do Front-END
CATHO - https://www.catho.com.br/vagas/front-end/
VAGAS.COM - https://www.vagas.com.br/vagas-de-front-end
GlassDoor -
https://www.glassdoor.com.br/Vaga/desenvolvedor-front-end-
vagas-SRCH_KO0,23.htm
LinkedIN -
https://br.linkedin.com/jobs/front-end-vagas?position=1&page
Num=0

22. Comunidade
Override Comunity - https://chat.whatsapp.com/J59z0REpbOf0KLDd2GiTX8