CEFET-MG/Timóteo

Programação para Web

Introdução

Profa. Carla Priscila de Morais Mendes

carlapriscilam@gmail.com

Timóteo, 2017
 Técnico em Informática – CEFET – MG / Timóteo

Programação para Web

 DISCIPLINA: Programação para Web I

 Início: 1º Bimestre de 2017
 Total: 120 horas/aula
 Modalidade: Teórica/Prática
 Semanal: 03 aulas
 3 Praticas
 Horário:
 3ª feira (3 aulas práticas)

Linguagem de Programação I – Profa. Carla Priscila

 Técnico em Informática – CEFET – MG / Timóteo

Programação para Web I

Ementa:
Estudo de ferramentas e linguagens de desenvolvimento
para Web. Técnicas para desenvolvimento na Web.
Projeto e implementação de sistemas para Web.

Linguagem de Programação I – Profa. Carla Priscila

 Técnico em Informática – CEFET – MG / Timóteo

Programação para Web I

Objetivo:

• Construir programas voltados para o ambiente da Web.

• Fazer sítios dinâmicos.
• Convergir aplicações diversas para o ambiente
distribuído da Web.

Linguagem de Programação I – Profa. Carla Priscila

 Técnico em Informática – CEFET – MG / Timóteo

Programação para Web I

Plano de Ensino:

Unidade 1 – Introdução a programação para a Web

1.1 – Conceitos básicos
1.2 – Estrutura geral da WEB

Unidade 2 – Linguagem de desenvolvimento na Web

2.1– Conceitos básicos
2.2– Estudo da linguagem
2.3– Aplicações práticas

Linguagem de Programação I – Profa. Carla Priscila

 Técnico em Informática – CEFET – MG / Timóteo

Programação para Web I

Plano de Ensino:

Unidade 3 – Projetos de software na Web

3.1 – Conceitos básicos
3.2 – Técnicas de projeto para a Web
3.3 – Aplicação prática

Unidade 4 – Implementação de soluções para a Web

4.1 – Estudo de casos
4.2 – Proposta de soluções

Linguagem de Programação I – Profa. Carla Priscila

 Técnico em Informática – CEFET – MG / Timóteo

Programação para Web I

Plano de Ensino:
Unidade 6 – Função e Procedimento
4.1 – Conceitos básicos
4.2 – Aplicação

Unidade 7 – Linguagem de programação Cliente/Servidor

7.1 – Conceitos básicos
7.2 – Aplicação

Linguagem de Programação I – Profa. Carla Priscila

Dica para estudos autônomos
 https://www.youtube.com/user/cursosemvideo
 http://www.cursoemvideo.com/course/curso-
photoshop/ (não será visto na disciplina, mas é útil)
 http://www.cursoemvideo.com/course/curso-de-html5/
 https://www.cursoemvideo.com/course/curso-banco-
dados-mysql/ (para relembrar e tirar dúvidas)
 http://www.cursoemvideo.com/course/curso-php-
iniciante/
Vamos a alguns Vídeos...
 Vídeo 1 - História da Internet (12’)
 Vídeo 2 - História da HTML (14’)
 Vídeo 3 - Como Funciona a Internet (12’)
Histórico da Internet
 Internet
 1960 - Arpanet
 Denição: Conjunto de computadores conectados em rede.
 Protocolo Principal: TCP/IP.
 Endereçamento XXX.XXX.XXX.XXX Exemplo: 10.254.0.4
 Nomes de Domínio (Mapeamento nome em endereços IP).
 World Wide Web
 1989 - Protocolo desenvolvido no CERN (Suíça) pelo grupo de
Tim Berners-Lee.
 Busca de arquivos formatados como hipertextos, que são
textos com links para outros arquivos.
 Unidades de Informação recebem vários nomes: Páginas,
Documentos, Recursos.
Modelo Cliente Servidor na Web
 O cliente é responsável pela renderização, que em alguns
casos implica em um considerável custo computacional;
 As tarefas do servidor normalmente requerem pouco
poder computacional. Com esta divisão de tarefas, um
mesmo servidor pode responder a muitos clientes.
Navegadores (Cliente)
 Cliente web que, numa análise minimalista:
 inicia a comunicação com o servidor Web;
 aguarda documento enviado pelo servidor;
 formata documento para apresentação.
 outras tarefas incluem realizar cálculos, aguardar
digitação do usuário entre outras.
 Linguagens/Protocolos: HTML, XHTML, CSS, Javascript,
XML...
 Primeiro navegador gráfico: Mosaic - 1993.
 Atuais Navegadores:
 Internet Explorer, Microsoft Edge, Mozila Firefox, Chrome,
Opera...
Servidores
 Programas passivos que retornam os documentos
solicitados pelos clientes.

 Leia mais sobre servidores de Aplicações Web.

 https://www.uniaogeek.com.br/o-que-sao-servidores-de-
aplicacoes-para-web/
Linguagens
 Linguagens básicas para programação Web
 Linguagens do Cliente:
 HTML5 / CSS / XML / SGML
 Javascript / Ajax / Jquery
 Linguagens do Servidor:
 Servlets
 PHP
 .NET
 Rails
Ferramentas a serem utilizadas
 Notepad++
https://notepad-plus-plus.org/download/v7.3.1.html

 Xampp (Apache, MySql, Php)

https://www.apachefriends.org/pt_br/index.html

 Netbeans com Php

https://netbeans.org/kb/docs/php/configure-php-
environment-windows_pt_BR.html
Aplicativos e Ferramentas Populares
 Wix - Gerador de site “estático” : é uma plataforma online
de criação e edição de sites, que permite aos usuários criar
sites em HTML e sites Mobile. Usando as suas ferramentas
do tipo arrastar-e-soltar e a sua Loja de Aplicativos (App
Market), é possível adicionar aplicativos de terceiros em
seus sites, como soluções e-Commerce, formulários de
contato, chats online cupons e mais.

 Wix.com oferece aos usuários da web a possibilidade de

criar um site profissional, independentemente de
conhecimento prévio em programação ou design. Seus
concorrentes incluem Wordpress, Yola, SitePX, Weebly,
Webs e outros serviços de criação e hospedagem de sites.
Aplicativos e Ferramentas Populares
 CMS - Content Management System (Sistemas de
Gestão de Conteúdo) https://pt.wikipedia.org/wiki/Sistema_de_gerenciamento_de_conte%C3%BAdo

 WordPress - https://br.wordpress.com/create/
 Joomla
 Drupal
 Comparativo entre os 3 CMS:
http://blog.redehost.com.br/dicas/melhor-cms-para-sites.html
Aplicativos e Ferramentas Populares
 Frameworks de programação
 Tradução literal: quadro de trabalho, estrutura
 Framework é um conjunto de códigos abstratos e/ou
genéricos, geralmente classes, desenvolvidos em alguma
linguagem de programação, que relacionam-se entre si
para disponibilizar funcionalidades específicas ao
desenvolvedor de software.
http://www.phpit.com.br/artigos/o-que-e-um-framework.phpit
 10 melhores Frameworks para php de 2016
http://cienciacomputacao.com.br/desenvolvimento/10-
melhores-frameworks-php-para-projetos-web/
Para casa...
1. Crie sua conta no http://pt.wix.com/ e monte
seu site pessoal, com um mini currículo (Deve
constar pelo menos seu nome, email, curso,
Mas use sua criatividade) . Enviar o link para o e-
mail do(a) professor(a).
2. Pesquisem mais sobre CMS e Frameworks e
explique resumidamente quais são as diferenças
e para quais tipos de projetos podem e/ou
devem ser utilizados. Crie uma pagina no seu
site pessoal do wix com essas respostas. Título
da página CMS X Frameworks Php.