|
|
| (67 revisões intermediárias por 3 usuários não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
| ==Carga Horária== | | '''Semestre''': 2º |
| * 72 horas aulas
| | =Objetivo= |
| | Estudar e utilizar as tecnologias básicas para a construção de web sites, em especial a linguagem de marcação HTML, em conjunto com a linguagem de folha de estilos – CSS e a linguagem de programação Javascript. |
| | =Ementa= |
| | Visão histórica da internet; Conceitos básicos sobre o funcionamento e os protocolos da internet; Conceito de hipertexto e hipermídia; Linguagem de marcação HTML e sua utilização na estruturação de páginas web; Linguagem de folha de estilos (CSS); linguagem de programação JavaScript. |
|
| |
|
| == Ementa == | | =Planos de ensino= |
| | * [[Media:Plano-ensino-web1-2016.2.pdf | 2016/2]] (Prof. Itamar Pena Nieradka) |
| | * [[TADS:Desenvolvimento Web I (2015-2)|2015/2]] (Prof. Estevan Braz Brandt Costa) |
| | * [[TADS:Desenvolvimento Web I (2014-2)|2014/2]] (Prof. Felippe Scheidt) |
|
| |
|
| * HTML5; Folhas de estilo (CSS); Javascript
| |
|
| |
|
| = Ano Letivo 2014 = | | =Diários de Aula= |
|
| |
|
| <br>'''Professor:''' Felippe Alex Scheidt
| |
| <br>'''Email:''' <span style="color:blue">felippe.scheidt@ifpr.edu.br</span>
| |
| <br>'''Horário:''' 2a feira/20h55 - 22h35 | 4a feira/19h00 - 20h35
| |
|
| |
|
| =Materiais úteis=
| | *https://ava.ifpr.edu.br/course/view.php?id=8768 |
| * [https://www.youtube.com/watch?v=lzkW0jWrluI Curso de HTML] | |
| * [http://www.w3c.br/divulgacao/pdf/guia-css-w3cbr.pdf Apostila de CSS]
| |
|
| |
|
| = Diários de Aula =
| |
| ==4° Bimestre==
| |
| {| class="wikitable"
| |
| |-
| |
| ! Data !! Conteúdo
| |
| |-
| |
| | '''01.12''' ||
| |
| <ul>
| |
| <li>Percorrendo elementos no DOM</li>
| |
| <li>Funções: parent(), children(), closest(), next(), prev() </li>
| |
| <li>{{pdf}} [[Media:Tads-web-aula-19.pdf|Slides da aula]]</li>
| |
| </ul>
| |
| |-
| |
| | '''26.11''' ||
| |
| <ul>
| |
| <li>Criação de elementos dinamicamente</li>
| |
| <li>Funções: append(), on(), clone(), remove()</li>
| |
| <li>{{pdf}} [[Media:Tads-web-aula-18.pdf|Slides da aula]]</li>
| |
| </ul>
| |
| |-
| |
| | '''24.11''' ||
| |
| <ul>
| |
| <li>Validações e máscaras</li>
| |
| <li>{{pdf}} [[Media:Tads-web-aula-17.pdf|Slides da aula]]</li>
| |
| </ul>
| |
| |-
| |
| | '''19.11''' ||
| |
| <ul>
| |
| <li>Efeitos de transição</li>
| |
| <li>hide(), show(), fadeIn(), fadeOut(), slideUp(), slideDown(), animate()</li>
| |
| <li>{{pdf}} [[Media:Tads-web-aula-16.pdf|Slides da aula]]</li>
| |
| </ul>
| |
| |-
| |
| | '''10.11''' ||
| |
| <ul>
| |
| <li>Introdução ao jQuery</li>
| |
| <li>ready(), bind(), click(), attr(), css(), toggleClass(), addClass(), removeClass(), html(), val()
| |
| <li>{{pdf}} [[Media:Tads-web-aula-15.pdf|Slides da aula]]</li>
| |
| </ul>
| |
| |-
| |
| | '''03.11''' ||
| |
| <ul>
| |
| <li>Funções para seleção de elementos</li>
| |
| <li>Funções: getElementsByTagName, getElementsByClassName, getElementsByName</li>
| |
| <li>{{pdf}} [[Media:Tads-web-aula-14.pdf|Slides da aula]]</li>
| |
| </ul>
| |
| |-
| |
| | '''29.10''' ||
| |
| <ul>
| |
| <li>Funções Math, String e Date</li>
| |
| <li>{{pdf}} [[Media:Tads-web-aula-13.pdf|Slides da aula]]</li>
| |
| </ul>
| |
| |-
| |
| | '''21.10''' ||
| |
| <ul>
| |
| <li>Funções do JavaScript para manipulação de elementos</li>
| |
| <li>{{pdf}} [[Media:Tads-web-aula-12.pdf|Slides da aula]]</li>
| |
| <li>{{pdf}} [[Media:lista-aula-12-forms.pdf|Lista de atividades]]</li>
| |
| </ul>
| |
| |-
| |
| | '''13.10''' ||
| |
| <ul>
| |
| <li>Funções e formatação de estilos no javascript</li>
| |
| <li>{{pdf}} [[Media:Tads-web-aula-11.pdf|Slides da aula]]</li>
| |
| </ul>
| |
| |-
| |
| | '''08.10''' ||
| |
| <ul>
| |
| <li>Eventos e funções</li>
| |
| <li>{{pdf}} [[Media:Tads-web-aula-10.pdf|Slides da aula]]</li>
| |
| </ul>
| |
| |-
| |
| | '''01.10''' ||
| |
| <ul>
| |
| <li>Introdução ao JavaScript</li>
| |
| <li>{{pdf}} [[Media:Tads-web-aula-09.pdf|Slides da aula]]</li>
| |
| </ul>
| |
| |}
| |
|
| |
|
| ==3° Bimestre==
| | '''23/05''' |
| {| class="wikitable"
| | *{{pdf}}[[Mídia:tads-web-aula-03-rowspan.pdf | tads-web-aula-03-rowspan.pdf]] |
| |-
| | **Enviar os exercícios 1 e 3 (MOODLE) |
| ! Data !! Conteúdo
| | |
| |-
| | *{{pdf}}[[Mídia:tads-web-aula-05-layout.pdf | tads-web-aula-05-layout.pdf]] |
| | '''29.09''' ||
| | **Enviar os exercícios 1 a 4 (MOODLE) |
| <ul>
| | *[https://drive.google.com/file/d/1FWBqE4pcc7KBbfTIHW1X3e5nww_TaqCh/view?usp=sharing exemplo Layout1] |
| <li>Propriedade background e suas derivações</li>
| | *[https://drive.google.com/file/d/1C_3u1jGbyOURjiNCH_H8DpEF5KoHdK3n/view?usp=sharing exemplo Layout2 (incompleto)] |
| <li>{{zip}} [[Media:imagens-aula28.set.zip|Imagens para exercícios]]</li>
| | |
| <li>{{pdf}} [[Media:Tads-web-aula-08.pdf|Slides da aula]]</li>
| | |
| <li>{{pdf}} [[Media:lista-de-exercicios-aula-08.pdf|Lista de exercícios]]</li>
| | '''30/05''' |
| <li>[https://dl.dropboxusercontent.com/u/39469278/ex4.html Exercicio 4]</li>
| | *{{pdf}}[[Mídia:tads-web-aula-06-float_removed.pdf | tads-web-aula-06-float_removed.pdf]] |
| </ul>
| |
| |-
| |
| | '''22.09''' ||
| |
| <ul>
| |
| <li>Pseudo-classes e pseudo-elementos</li>
| |
| <li>{{zip}} [[Media:imagens-aula22.set.zip|Imagens para exercícios]]</li>
| |
| <li>{{pdf}} [[Media:Tads-web-aula-07.pdf|Slides]]</li>
| |
| </ul>
| |
| |-
| |
| | '''15.09''' ||
| |
| <ul>
| |
| <li>Construção de layouts - Parte 2</li>
| |
| <li>Propriedades do CSS para layout: Float {{pdf}} [[Media:Tads-web-aula-06.pdf|Slides]]</li>
| |
| </ul>
| |
| |-
| |
| | '''01.09''' ||
| |
| <ul>
| |
| <li>Construção de layouts - Parte 1</li>
| |
| <li>Propriedades do CSS para layout: block, inline e inline-block: {{pdf}} [[Media:Tads-web-aula-05.pdf|Slides]]</li>
| |
| </ul>
| |
| |-
| |
| | '''20.08''' ||
| |
| <ul>
| |
| <li>Uso de formulários: {{pdf}} [[Media:Tads-web-aula-04.pdf|Slides]]</li>
| |
| </ul>
| |
| |-
| |
| | '''18.08''' ||
| |
| <ul>
| |
| <li>Revisão e conceitos sobre classes do '''CSS''' {{pdf}} [[Media:Tads-web-aula-03.1.pdf|Slides]]</li>
| |
| <li>Configuração de Tabelas {{pdf}} [[Media:Tads-web-aula-03.2.pdf|Slides]]</li>
| |
| </ul>
| |
| |-
| |
| | '''11.08''' ||
| |
| <ul>
| |
| <li>Introdução a tabelas</li>
| |
| <li>{{pdf}} [[Media:Tads-web-aula-03.pdf|Slides e exercícios]]</li>
| |
| </ul>
| |
| |-
| |
| | '''06.08''' ||
| |
| <ul>
| |
| <li>{{pdf}} [[Media:Propriedades-css.pdf|Lista de propriedades do CSS]]</li>
| |
| </ul>
| |
| |-
| |
| | '''04.08''' ||
| |
| <ul>
| |
| <li>Listas</li>
| |
| <li>{{pdf}} [[Media:Tads-web-aula-02.pdf|Slides]]</li>
| |
| </ul>
| |
| |-
| |
| | '''30.07''' ||
| |
| <ul>
| |
| <li>Introdução ao HTML: {{pdf}} [[Media:Tads-web-aula-01.pdf|Slides]]</li>
| |
| </ul>
| |
| |}
| |
tads-web-aula-03-rowspan.pdf
