|
|
| Linha 1: |
Linha 1: |
| ==Carga Horária== | | ==Carga Horária== |
| * 72 horas aulas | | * 72 horas aulas |
|
| |
| == Ementa ==
| |
|
| |
| * HTML5; Folhas de estilo (CSS); Javascript
| |
|
| |
| = Ano Letivo 2014 =
| |
|
| |
| <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://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==
| |
| {| class="wikitable"
| |
| |-
| |
| ! Data !! Conteúdo
| |
| |-
| |
| | '''29.09''' ||
| |
| <ul>
| |
| <li>Propriedade background e suas derivações</li>
| |
| <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>
| |
| <li>[https://dl.dropboxusercontent.com/u/39469278/ex4.html Exercicio 4]</li>
| |
| </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>
| |
| |}
| |
