Mudanças entre as edições de "Desenvolvimento Front-end I"
De Aulas
| (16 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
| − | |||
= Ementa = | = Ementa = | ||
| Linha 6: | Linha 5: | ||
= Plano de Ensino e Cronograma = | = Plano de Ensino e Cronograma = | ||
| − | * [https://saulo.arisa.com.br/aulas/cesusc/frontend/ | + | * [https://saulo.arisa.com.br/aulas/cesusc/frontend/Unicesusc%20PlanoEnsino%20Front-end%20I%2020242.pdf ADS21 Plano de Ensino 20241] |
| − | * [https://saulo.arisa.com.br/aulas/cesusc/frontend/ | + | * [https://saulo.arisa.com.br/aulas/cesusc/frontend/Unicesusc%20Front-end%20I%20ADS21%2020242%20Cronograma.pdf ADS21 Cronograma 20241] |
| + | |||
| + | = Monitoria = | ||
| + | |||
| + | * Mara Júlia Ávila | ||
| + | * E-mail: [Mailto:mara.julia@faculdadecesusc.edu.br mara.julia@faculdadecesusc.edu.br] | ||
| + | * Dias e Horários | ||
| + | ** 2ª Feira, das 18h às 19h | ||
| + | ** 5ª Feira, das 18h às 18h30 | ||
| + | * Combinar com antecedência via e-mail | ||
= Conteúdo = | = Conteúdo = | ||
| + | |||
| + | [[Arquivo:Learning programming meme.png|miniaturadaimagem|Aprendendo programação.]] | ||
* [[Elementos e Protocolos da World Wide Web]] | * [[Elementos e Protocolos da World Wide Web]] | ||
* [[HTML e CSS]] | * [[HTML e CSS]] | ||
* [[Bootstrap]] | * [[Bootstrap]] | ||
| − | * [[Javascript | + | * [[Javascript: introdução]] |
| − | * [https://github.com/saulopz/exemplo_web_app JavaScript e API RESTFul (exemplo)] | + | * [[javascript: elementos básicos da linguagem]] |
| − | * [https://www.w3schools.com/xml/xpath_intro.asp XPath] | + | * [https://saulo.arisa.com.br/aulas/cesusc/frontend/Aula%20POO.pdf Programação Orientada a Objetos] |
| + | * [[javascript: classes e objetos]] | ||
| + | * [[Javascript: Arrow Functions]] | ||
| + | * [[Javascript: elementos dinâmicos]] | ||
| + | *[[Javascript: Revisão de HTML, CSS, Bootstrap e JavaScript]] | ||
| + | * [[Javascript: consumindo serviços web]] | ||
| + | * [[Javascript: CRUD Rest]] | ||
| + | '''Material Extra''' | ||
| + | *[https://github.com/saulopz/exemplo_web_app JavaScript e API RESTFul (exemplo)] | ||
| + | *[https://www.w3schools.com/xml/xpath_intro.asp XPath] | ||
== Atividades == | == Atividades == | ||
| − | + | As atividades seguem no formato de [[Aprendizagem Baseada em Projetos]]: | |
* [[Front-End: Trabalho de Desenvolvimento 1]] | * [[Front-End: Trabalho de Desenvolvimento 1]] | ||
| − | * [[Front-End: Trabalho de Desenvolvimento 2]] | + | *[[Front-End: Trabalho de Desenvolvimento 2]] |
| − | * [ | + | *[[Front-End: Trabalho de Desenvolvimento 3]] |
= Links = | = Links = | ||
* Dica de ferramenta <code>[https://codepen.io codepen.io]</code> | * Dica de ferramenta <code>[https://codepen.io codepen.io]</code> | ||
Edição atual tal como às 14h45min de 14 de outubro de 2024
Ementa
Programação de Front-end Developer construindo competências e habilidade com o uso de Javascript, HTML 5 (CSS, XPath, Request, esponse), em como o uso de bibliotecas e frameworks populares. Deverá trabalhar os skills que venha atender o Customer Experience (CX) em um desenvolvimento Hands On e de Mobile First para aplicações web front-end modernas, dinâmicas e responsivas. Tal desenvolvimento deve utilizar as tecnologias mais atuais exigências do mercado.
Plano de Ensino e Cronograma
Monitoria
- Mara Júlia Ávila
- E-mail: mara.julia@faculdadecesusc.edu.br
- Dias e Horários
- 2ª Feira, das 18h às 19h
- 5ª Feira, das 18h às 18h30
- Combinar com antecedência via e-mail
Conteúdo
- Elementos e Protocolos da World Wide Web
- HTML e CSS
- Bootstrap
- Javascript: introdução
- javascript: elementos básicos da linguagem
- Programação Orientada a Objetos
- javascript: classes e objetos
- Javascript: Arrow Functions
- Javascript: elementos dinâmicos
- Javascript: Revisão de HTML, CSS, Bootstrap e JavaScript
- Javascript: consumindo serviços web
- Javascript: CRUD Rest
Material Extra
Atividades
As atividades seguem no formato de Aprendizagem Baseada em Projetos:
- Front-End: Trabalho de Desenvolvimento 1
- Front-End: Trabalho de Desenvolvimento 2
- Front-End: Trabalho de Desenvolvimento 3
Links
- Dica de ferramenta
codepen.io
