web
Curso WebDesigner MICROLINS
Curso Programação SENAC + MugArts
Facul, cursos e github
2014
2015
2016
2019
Globalmente:
Brasil:
A história do Front-End é a história da Web.
Fabio Akita
Em 2004, o surgimento Gmail foi muito importante para o desenvolvimento da Web. Uma vez que ele substituiu um dos principais softwares desktop na época, o cliente de emails da microsoft.
Após isso, só vem aumentando e popularizando essas substituições (Google Docs)
Meu site pessoal antigo
site CompPet, só HITML, CSS, e bibliotecas JS
Meu blog pessoal desenvolvido com jekyll
Quiz desenvolvido usando ReactJS
Blog da T10 Lab, desenvolvido usando o framework/Gerador de páginas estáticas HUGO
Pessoalmente, tendo trabalhado com Jekyll e Gatsby, acho o HUGO o mais simples de aprender e fazer blog, além disso é o mais performático dos 3.
Ferramenta interna da T10Lab usando o compiladorJS/Framework Svelte
Dos frameworks front-end, pessoalmente acredito que o svelte seja o mais fácil de aprender além de ser muito performático!
Projeto utilizando Gulp + SASS
Indico demais para quem gosta de organizar css, e quer aprender uma ferramenta massa.
Aplicaçãozinha para aprender a utilizar a API do github, utilizando VueJS
Foundation
Mas relaxa, usa o LightHouse que é sucesso!
Além disso, tem o gulp, webpack, parcel, e outras bibliotecas e ferramentas que auxiliam nesse processo!
Mas relaxa, usa o LightHouse e SiteChecker que é sucesso!
Esse não dá pra relaxar, tem que testar, pedir para uma equipe de fora testar.
Ferramentas que utilizo:
HTML Outline, Page Speed Insights, LightHouse
O princípio de Pareto (também conhecido como regra do 80/20, lei dos poucos vitais ou princípio de escassez do fator) afirma que, para muitos eventos, aproximadamente 80% dos efeitos vêm de 20% das causas.
O front end só vem crescendo e hoje, profissionais podem exercer diversas funções:
Se você gasta muito tempo estruturando o projeto, gosta de pensar na arquitetura e participar de todo o processo de desenvolvimento, pessoalmente acho que engenheiro front-end é um nome mais correto pra a função que você desempenha. Caso contrário se gostar mais de desenvolver o layout, você pode ser chamado de Desenvolvedor front-end, ou webdesigner..
Wikipedia:
Desenvolvimento web front-end é a prática de converter dados em uma interface gráfica , através do uso de HTML, CSS e JavaScript, para que os usuários possam visualizar e interagir com esses dados.
Felipe Fialho:
Desenvolvimento Front-end traduz em código toda experiência pensada pelo time de UX/UI. E experiência vai desde uma interface bonita, acessível e agradável de navegar, até um projeto performático, rápido no carregamento e que não acabe com a bateria ou rede de dados da pessoa que está acessando.
Minha humilde definição:
Desenvolvimento Front-end é o processo de construção de uma interface para o usuário, idealmente levando em consideração: a performance, acessibilidade, segurança e boa experiência ao usuário.
Front end é gerar HTML, CSS e Javascript para os navegadores.
Mas existem muitas ferramentas que facilitam o processo: