TADS:Desenvolvimento Web I: mudanças entre as edições

De Wiki Cursos IFPR Foz
Ir para navegaçãoIr para pesquisar
Linha 85: Linha 85:
==28/janeiro==
==28/janeiro==
*[http://jquery.com/ Download da Biblioteca jQuery]
*[http://jquery.com/ Download da Biblioteca jQuery]
Caso deseje fazer o download da biblioteca:


<syntaxhighlight lang="jquery">
<script src="jquery-1.12.0.min.js"></script>
</syntaxhighlight>
ou você pode utilizar via CDN pela google utilizando o seguinte código:
<syntaxhighlight lang="jquery">
<syntaxhighlight lang="jquery">


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
                ou
<script src="jquery-1.12.0.min.js"></script>


</syntaxhighlight>
</syntaxhighlight>

Edição das 20h26min de 28 de janeiro de 2016

Plano de ensino

1. IDENTIFICAÇÃO

Curso: Tecnologia em Análise e Desenvolvimento de Sistemas

Componente Curricular: Desenvolvimento Web I

Professor: Estevan Braz Brandt Costa

Turma: 01/2015

Período Letivo: Segundo

Ano: 2015

Carga horária: 72

Horário Semanal de Atendimento ao Estudante: Determinar uma data

2. 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.

3. CONTEÚDO PROGRAMÁTICO

  1. Linguagem HTML
    1. Tag's de gerenciamento de conteúdo
    2. Navegação entre páginas
    3. Gerenciamento de Imagens e vídeos
    4. Tabelas
    5. Formulários GET e POST
    6. HTML 5
  2. CSS
    1. Criação de Regras e Seletores
    2. Formatação de textos e imagens
    3. Posicionamento de blocos com DIV
    4. Regras vinculadas a ações do usuário
  3. Javascript
    1. Integração do Javascript com o HTML
    2. Variáveis
    3. Funções
    4. Arrays em Javascript
    5. Gerenciamento do DOM (Document Object Model)
    6. Criação de Objetos em Javascript
    7. Utilização de Frameworks

4. OBJETIVOS DO COMPONENTE CURRICULAR

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

5. PROCEDIMENTOS METODOLÓGICOS

Metodologia de ensino

  • Aulas expositivas em laboratório de informática com projetor.
  • Uso de ambiente de programação para desenvolvimento das atividades
  • Uso do computador para em laboratório para exemplificação dos conteúdos didáticos

Recursos e materiais

  • Aulas expositivas empregando: quadro, multimídia;
  • Seminários para apresentação de trabalhos;
  • Trabalhos individuais e/ou grupo;
  • Exercícios em sala de aula.

6. AVALIAÇÃO

Trabalhos individuais e/ou grupo;

Apresentação de seminários;

Provas bimestrais individuais;

Participação em sala.

REFERÊNCIAS BIBLIOGRÁFICAS

REFERÊNCIAS BÁSICAS

  1. SILVA, Maurício Samy. JavaScript: Guia do Programador. Novatec, 2010.
  2. SANDERS, Bill. Smashing HTML 5: Técnicas para a Nova Geração da Web. Bookman, 2012.
  3. MEYER, Eric A. Smashing CSS - Técnicas Profissionais para um Layout Moderno. Bookman, 2011.
  4. LUBBERS, Peter; ALBERS, Brian; SALIM, Frank. Programação Profissional em HTML5. Altabooks, 2013.
  5. FLANAGAN, David. JavaScript: O Guia Definitivo. Bookman, 2012.

REFERÊNCIAS COMPLEMENTARES

  1. LAWSON, Bruce; SHARP, Remy. Introdução ao HTML 5. Altabooks,
  2. COLLISON, Simon. Desenvolvendo CSS na Web: do Iniciante ao Profissional. Altabooks, 2008.
  3. GOMES, Ana Laura. XHTML/CSS – Criação de páginas web. Senac, 2010.
  4. SILVA, Mauricio Samy. HTML5 – A Linguagem de Marcação que Revolucionou a Web. Editora Novatec: 2011.
  5. BOLTON, Jina; SMITH, Steve; ADAMS, Cameron; JOHNSON, David. A Arte e a Ciência da Css - Crie Web Designs Inspiradores Baseados em Padrões. Editora Bookman: 2009.

Diários de Sala

28/janeiro

Caso deseje fazer o download da biblioteca:

<script src="jquery-1.12.0.min.js"></script>

ou você pode utilizar via CDN pela google utilizando o seguinte código:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

10/dezembro