Curso front-end - Aula 001

36
Curso front-end Aula 001 Front Ladies ABC

Transcript of Curso front-end - Aula 001

Page 1: Curso front-end - Aula 001

Curso front-endAula 001

Front Ladies ABC

Page 2: Curso front-end - Aula 001

Quem sou eu Andréa Zambrana

front-end @ Amil [multicanais]

@akfzambranahttp://andreazambrana.com.br

Page 3: Curso front-end - Aula 001

S. B. do Campo

criada na Bolíviacasada

amo gatos

autodidatainicio em

2007amo CSSfaculdade

Page 4: Curso front-end - Aula 001

Sobre ombros de gigantes

Isaac Newton

Page 5: Curso front-end - Aula 001

Comunidades

Page 6: Curso front-end - Aula 001
Page 7: Curso front-end - Aula 001

Alta troca de ideias com desenvolvedor@shttp://slackfemugabc.herokuapp.com/

Page 8: Curso front-end - Aula 001
Page 9: Curso front-end - Aula 001

Por que dar um curso?

Page 10: Curso front-end - Aula 001

e por que só para mulheres?

Page 11: Curso front-end - Aula 001

Agora é a vez de vocês

Page 12: Curso front-end - Aula 001
Page 13: Curso front-end - Aula 001

Conceitos básicosFinalmente algo útil =P

Page 14: Curso front-end - Aula 001

InternetO que é?

Page 15: Curso front-end - Aula 001

A Internet é uma rede mundial que interliga milhões de computadores em todo o mundo, de vários tipos e tamanhos, marcas e modelos e com diferentes sistemas operacionais.

Page 16: Curso front-end - Aula 001

Para que serve?

Page 17: Curso front-end - Aula 001
Page 18: Curso front-end - Aula 001

Internet das coisas

Page 19: Curso front-end - Aula 001
Page 20: Curso front-end - Aula 001
Page 21: Curso front-end - Aula 001
Page 22: Curso front-end - Aula 001

DesignCriação

Page 23: Curso front-end - Aula 001

BackendServer-side

Page 24: Curso front-end - Aula 001

FrontendClient-side

Page 25: Curso front-end - Aula 001

Mercado de trabalho

Page 26: Curso front-end - Aula 001

Está em altaMaior procura, melhores condições, mais conhecimento

Page 27: Curso front-end - Aula 001

HTML5 e CSS3

Page 28: Curso front-end - Aula 001

JavascriptNode, Angular, Ember, Backbone

Page 29: Curso front-end - Aula 001

ToolingYeoman, Bower, Grunt, Middleman, Jekyll, Sass, Compass, Less, e outras

Page 30: Curso front-end - Aula 001

NavegadoresBrowsers

Page 31: Curso front-end - Aula 001

É um programa que permite o acesso e interpretação de arquivos HTML, CSS, Javascript, entre outros.

Page 32: Curso front-end - Aula 001

Principais navegadores

Page 33: Curso front-end - Aula 001

Chrome 69,82%

IE 13,99%

Firefox 10,58%

Safari 2,89%

Opera 1,03%

Outros 1,69%

Estatísticas de uso dos navegadores no Brasil - Top 5

Fonte: http://gs.statcounter.com/#browser-BR-monthly-201502-201602-barFev, 2015 a fev, 2016

Page 34: Curso front-end - Aula 001

Front Ladies ABC

Só isso por hoje!

Aula 001

Page 35: Curso front-end - Aula 001

Imagens e desenhoshttp://www.freepik.com/http://bradfrost.com/http://giphy.com/

Créditos

Page 36: Curso front-end - Aula 001

http://tableless.github.io/iniciantes/manual/obasico/o-que-front-back.htmlhttp://tableless.com.br/pensamentos-sobre-o-mercado-de-desenvolvimento-front-end/http://gs.statcounter.com/#browser-BR-monthly-201502-201602-bar

Referências