INTRODUÇÃO AO
FRONT-END
Prof. Norton Guimarães
Quem será o seu Professor?
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.
Experiência Profissional
Web Master - Cultura Online
Desenvolvedor Web - LG Formando Talentos
Analista de Sistemas - Comdata
Certificações
SCRUM
Kanban
Java
C#
Plano de Ensino
Plano de Ensino
Plano de Ensino
O mundo Front-End
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.
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.
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.
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.
Quais são as principais linguagens utilizadas?
Quais são os principais frameworks?
Tendências
Svelte.js
Ember.js
Backbone.js
Preact.js
Next.js
Can.js
by META by MIT
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.
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
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
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
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
Comunidade
Override Comunity - https://chat.whatsapp.com/J59z0REpbOf0KLDd2GiTX8

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

  • 1.
  • 2.
    Quem será oseu Professor?
  • 3.
    Quem sou eu? MeChamo 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.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
    A Evolução O mundoda 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 servea 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 asprincipais linguagens utilizadas?
  • 16.
    Quais são osprincipais frameworks? Tendências Svelte.js Ember.js Backbone.js Preact.js Next.js Can.js by META by MIT
  • 17.
    O que fazum 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 asprincipais soft skills de um front end? ● Comunicação efetiva: ● Trabalho em equipe ● Pensamento analítico ● Adaptabilidade ● Atenção aos detalhes
  • 19.
    Quais são asprincipais 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 tornarum 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