PREPARATÓRIO.NET LGROUP - Centro de Desenvolvimento e Treinamento
|
|
|
- Thomaz Sá Pinto
- 7 Há anos
- Visualizações:
Transcrição
1 PREPARATÓRIO.NET LGROUP - Centro de Desenvolvimento e Treinamento contato@lgroup.com
2 INTRODUÇÃO HTML, CSS E JAVASCRIP LGROUP - Centro de Desenvolvimento e Treinamento contato@lgroup.com
3 Protocolo HTTP (Hypertext Transfer Protocol) Protocolo de Comunicação (Cliente x Servidor) Responsável por Transportar as Informações Principal Protocolo de Internet (Porta 80) Protocolo Stateless (Não Armazena Estado) Possui 8 Métodos (Ações) GET Leitura POST Gravação PUT Atualização DELETE Exclusão
4 Principais Métodos HTTP Os métodos são configurados na seção <FORM> atributo Method GET Recuperar, Pesquisar informações no servidor Enviar parâmetros entre páginas POST Enviar parâmetros ao servidor Inserir, Alterar, Excluir informações OBS: A Primeira Requisição nas Páginas por Padrão é sempre (GET)
5 Funcionamento do Protocolo HTTP
6 Linguagem HTML (HyperText Markup Language) Linguagem de Marcação (Páginas) (1.0), (4.01) e (5.0) Administrada pelo W3C e WHATWG Síntaxe Baseada em Tags (<TAG> </TAG>) OBS: Ainda é uma Especificação, Data Oficial de Lançamento Julho de 2.014
7 Exemplo de Código HTML <html> <head> <title></title> </head> <body> <form> </form> </body> </html> OBS: O Visual Studio se Encarrega de Criar a Estrutura acima nas Páginas
8 Principais Linguagens Web
9 Principais Navegadores (Browsers) Internet Explorer Firefox Chrome Safari Opera Netscape OBS: Pensem sempre em Aplicações Cross Browser (W3C)
10 Demonstração 1 Acessando e Visualizando o Html de algum Site 2 Visualizando os Detalhes do Pedido (CHROME) 3 Método HTTP, Código de Status, Mime Type, Renderização
11 Propósito do HTML5 Padronizar a WEB (Semântica (Layout, Menus)) Acessibilidade (Dispositivo, Pessoa) Novas APIS Canvas Validação de Formulários Controles de Áudio e Vídeo Aplicações Offline Arrastar e Soltar Geolocalização Web Storage Web Workers e muito MAIS!!!!
12 Estrutura de uma Página HTML5 Todas as versões do HTML possuem um DOCTYPE O DOCTYPE é responsável por informar ao navegador qual a especificação do HTML que está sendo utilizada No HTML 5 utilizamos apenas DOCTYPE html HTML Como era STRICT (Separação de CSS e HTML) TRANSITIONAL (Mistura CSS e HTML) * Compatibilidade com navegadores sem CSS FRAMESET (FRAMES) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
13 Exibindo Texto em HTML Como cabeçalho, parágrafo ou rótulo <h1>introdução ao HTML</h1> <p>nessa aula contaremos a história do HTML</p> <h2>no começo da Web</h2> <p>a World Wide Web foi criada por Tim Berners-Lee</p> <label>nome Completo</label> Com ênfase Negrito -> <strong>eu sou negrito</strong> Itálico -> <em>eu sou itálico</em>
14 Exibindo Imagens e Abrindo Documentos Use a tag <img> para exibir imagens O atributo src especifica a url da imagem <img src="logo.jpg" title= Logotipo" height="100" width="100" /> Use a tag <a> para definir links O atributo href especifica o caminho do link <a href="default.html" alt= Default">Home</a>
15 Entrada do usuário com formulários O element <form> fornece um mecanismo para obter dados do usuário O atributo action define para onde irão os dados O atributo method define como os dados irão Existem diferentes tipos de entrada no HTML5 COLOR DATE NUMBER URL...
16 Overview CSS Todas as regras possuem a mesma síntaxe: Seletor { property1: value; property2: value;.. propertyn: value; } Comentários ficam entre os delimitadores /* */ /* Aplicando no Cabeçalho */ h1 { font-size: 42px; color: pink; font-family: 'Segoe UI'; }
17 Como os Seletores CSS Funcionam Há três seletores básicos de CSS Seletor de ELEMENTO: h1{} Seletor de CLASSE:.Labels{} Seletor de ID: #nome{} Os seletores CSS podem ser combinados para criar regras mais especificas O selector curinga * retorna o conjunto de todos os elementos Use [...] para detalhar os seletores baseados nos valores dos atributos
18 Adicionando Estilos em uma Página HTML Use o atributo Style para definer os estilos do elemento: <p style= color:blue; > some text </p> Use o elemento <style> no <head> para incluir estilos na página: <style type="text/css"> p { color: blue; } </style> Use o elemento<link> para referenciar uma folha de estilos externa: <link rel="stylesheet" type="text/css" href="mystyles.css" media="screen">
19 Anexando Scripts em uma Página HTML O HTML é estático, porém as páginas podem usar JavaScript para comportamento dinâmico Use o elemento<script> para especificar a localização do código JavaScript: <script type="text/javascript" src="alertme.js"></script> A ordem do elemento <script> é importante Garanta que os objetos estão no escopo Use o elemento <noscript> para avisar os usuários que o JavaScript está desabilitado
20 ASP NET - MVC 5 LGROUP - Centro de Desenvolvimento e Treinamento contato@lgroup.com
21 O Padrão de Projeto MVC ASP NET MVC O Pattern de MVC foi descrito por Trygve Reenskaug em A implementação original é descrita como um novo modelo para divisão das responsabilidades dos componentes de uma aplicação, que deveria seguir a seguinte separação: Model - View - Controller Onde cada componente da aplicação deve ter uma responsabilidade e um tipo de interação com todo ecossistema da aplicação
22 O Padrão de Projeto MVC ASP NET MVC
23 O Framework ASP.NET MVC ASP NET MVC O ASP.NET MVC oferece uma poderosa maneira baseada em padrões para construir sites dinâmicos que permite uma clara separação de preocupações e que lhe dá controle total sobre sua aplicação usando as técnicas de desenvolvimento ágil.
24 ASP NET MVC ASP.NET WebForm x ASP.NET MVC WEB FORMS RAD (Arrastar e Soltar) Toolbox (Diversos Controles de Servidor) Controles de Servidor (Geram HTML, CSS e JS) Eventos de Página no Servidor Eventos de Controles no Servidor Code Behind Não Precisa Manjar de HTML, CSS e JS Tem que ser Fera em Visual C# Falsa Sensação que Manja de Web Não precisa manjar de HTTP ou Métodos HTTP
25 ASP NET MVC ASP.NET WebForm x ASP.NET MVC MVC Não existem Controles de Servidor Não existe CodeBehind Toolbox (Somente Controles HTML) Precisa Manjar de HTML, CSS e JS Não precise ser Fera em Visual C# Tem que manjar de WEB (HTTP e Métodos HTTP) Fácil de Testar Navegação em Actions
26 Novidades do ASP.NET MVC 5 ASP NET MVC One ASP.NET experience Autenticação e Autorixação com ASP.NET Identity Filter overrides Attribute routing New Web Project Experience ASP.NET Scaffolding State Management Caching
27 Pipeline do ASP.NET MVC 5 ASP NET MVC Request: Entrada de dados no servidor IIS, que receberá a sua requisição e as informações para que todo o processo se inicie. Routing: Aqui o MVC identifica qual formato da rota ele vai usar baseado nas configurações definidas na aplicação, ele identifica a rota correta baseado em sua requisição e direcionará para o Controller correta. Controller: A Controller será responsavel por identificar quais o processos serão executados no código fonte do seu site. ViewResult / ViewEngine / View: Definido o tipo de ViewResult que será usada e os dados que serão enviadas para a View, é na ViewEngine(Asp.Net, Razor, etc) onde o MVC pegará os dados e montará o resultado na tela Response: O resultado das informações será enviada para o navegador.
28 ASP NET MVC ASPNET Routing Com o ASPNET Routing nós definimos as rotas ( URL ) de aceso a nossa aplicação. No ASP.NET roteamento, você pode definir padrões de URL que contêm espaços reservados para valores que são usados quando você lida com solicitações de URL. Em tempo de execução, as partes da URL que seguem o nome do aplicativo são analisadas em valores distintos, com base em um padrão de URL que você definiu.
29 ASPNET Routing ASP NET MVC
30 ASP NET MVC View Engine As View Engine são os mecanismos responsáveis por distribuir os dados disponibilizados pelo sistema no HTML da sua pagina que serão renderizados pelo navegador. Podemos destacar os seguntes Engines: ASPX ASP.NET Razor Spark View Engine NHaml
31 ASP NET MVC Controller - Action ViewResult Renderiza uma View PartialViewResult Renderiza uma Partial View RedirectResult Redireciona para outra action usando a URL RedirectToRouteResult Redireciona para outro método JsonResult Retorna um objeto JSON serializado JavaScriptResult Retorna um script que será executado no lado cliente
32 ASP NET MVC Controller - Filters Um Action Filter é um atributo que você pode aplicar a uma Action da Controller, ou em toda Controller. O Action Filter modifica a maneira pela qual a ação é executada. [OutputCache] [HandlerError] [Authorize]...
33 ASP NET MVC HTML Helpers Usando HTML Helpers, você pode reduzir a quantidade de HTML que ira digitar na sua página. Um HTML Helper é apenas um método que retorna uma sequência de caracteres que representam código HTML. Html.ActionLink() Html.BeginForm() Html.DropDownList()...
34 ASP NET MVC ASP.NET Scaffoding ASP.NET Scaffolding é um framework de geração de código disponível para a plataforma ASP.NET. Usando o scaffolding é possível gerar rapidamente códigos que possuam interação com suas classes de modelo
35 ASP NET MVC ASP.NET Model Mapeia uma solicitação do navegador para um objeto de dados. Essa classe fornece uma implementação concreta de um modelo. E com o uso do Data Annotation podemos colocar atributos que são usadas para definir metadados e que podemos usar para realizar a validação dos dados simultaneamente na View e na Controller.
36 ASP NET MVC Cache Podemos controlar o uso de cache de nossas aplicações, adicionando o atributo [OutputCache] em nossa controller. O Atributo pode ser inserido em todo arquivo de Controller, ou podemos adiciona-lo em Actions especificas onde desejamos adicionar o cache
37 ASP NET MVC AJAX com JQuery AJAX: Asynchronous Javascript and XML JQuery: Biblioteca JavaScript rica em recursos de manipulação, animação e comunicação Usaremos o AJAX para auxiliar na transição de dados entre a View e a Controller, dando assim ao usuário final uma interatividade muito maior com a aplicação, já que iremos utilizar de solicitações assíncronas entre o browser e a aplicação back-end
38 ASP NET MVC AJAX com JQuery AJAX: Asynchronous Javascript and XML JQuery: Biblioteca JavaScript rica em recursos de manipulação, animação e comunicação Usaremos o AJAX para auxiliar na transição de dados entre a View e a Controller, dando assim ao usuário final uma interatividade muito maior com a aplicação, já que iremos utilizar de solicitações assíncronas entre o browser e a aplicação back-end
39 ASP NET MVC Ferramentas de Produtividade ReSharper: Ele automatiza a maioria do que pode ser automatizado em suas rotinas de codificação. Ele encontra erros de compilação, erros de execução, redundâncias e possíveis melhorias enquanto você continua digitando. GhostDoc: é uma extensão do Visual Studio que gera automaticamente documentação XML para métodos e propriedades com base no seus comentários, parâmetros, nome e outras informações contextuais
40 Gerenciamento de Pacotes ASP NET MVC NuGet: É o gerenciador de pacotes para a plataforma de desenvolvimento Microsoft.NET inclusive. As ferramentas de cliente NuGet fornecer a capacidade de produzir e consumir pacotes. A Galeria NuGet é o repositório de pacotes central usado por todos os autores de pacotes e consumidores
41 Frameworks JavaScript ASP NET MVC JQuery JQuery UI JQuery Masked Input JQuery Unobtrusive Validation Bootstrap Bootswatch
42 TFS - ONLINE LGROUP - Centro de Desenvolvimento e Treinamento contato@lgroup.com
43
44 É um produto da Microsoft que fornece gerenciamento de código fonte, elaboração de relatórios, gerenciamento de requisitos, gerenciamento de projetos, compilações automatizadas, gerenciamento de teste e gerenciamento. Abrange o ciclo de vida do aplicativo inteiro.
45 VISUAL STUDIO UNIT TEST FRAMEWORK LGROUP - Centro de Desenvolvimento e Treinamento contato@lgroup.com
46
47 A Visual Studio Unit Testing Framework descreve conjunto de ferramentas de teste de unidade da Microsoft como integrada em algumas versões do Visual Studio 2005 e posteriores O framework de testes unitários é definida em Microsoft.VisualStudio.QualityTools.UnitTestFramework.dll. Os testes de unidade criados com o framework de testes unitários pode ser executado no Visual Studio ou, usando MSTest.exe, a partir de uma linha de comando.
48 ENTITY FRAMEWORK 6.1 LGROUP - Centro de Desenvolvimento e Treinamento contato@lgroup.com
49 Entity Framework (EF) é um mapeador objeto-relacional que permite aos desenvolvedores.net trabalhar com dados relacionais usando objetos específicos de domínio. Ele elimina a necessidade de a maioria do código de acesso a base de dados que os desenvolvedores geralmente precisam de escrever.
50 ASP.NET WEB API LGROUP - Centro de Desenvolvimento e Treinamento contato@lgroup.com
51 O ASP.NET Web API é uma estrutura que facilita o desenvolvimento de serviços HTTP que alcançam uma ampla variedade de clientes, incluindo navegadores, dispositivos móveis e servidores. A API da Web do ASP.NET é uma plataforma ideal para o desenvolvimento de aplicativos RESTful no.net Framework.
52 DESENVOLVIMENTO DE APLICATIVO HÍBRIDOS LGROUP - Centro de Desenvolvimento e Treinamento contato@lgroup.com
53
54 PhoneGap é uma plataforma para desenvolvimento de aplicativos híbridos. Ela se utiliza da tecnologia Apache Cordova para acessar a funções dos aparelhos móveis como acelerômetro, câmera, geolocalização, etc... E permite aos desenvolvedores criarem aplicações utilizando tecnologias web como HTML5, CSS3 e JavaScript sem a necessidade de APIs específicas pois seus códigos se adequam a cada dispositivo por uso do Web View - disponivel em todos os dispositivos móveis.
Introdução à linguagem HTML. Volnys Borges Bernal
1 Introdução à linguagem HTML Volnys Borges Bernal 2013-2015 Volnys Bernal 2 Introdução à linguagem HTML Sumário Visão geral Primeira página Principais tags Principais atributos Formulários 2011-2015 Volnys
Volnys Bernal. Introdução à linguagem HTML. Introdução à linguagem HTML. Visão geral. Visão geral. Visão geral. Visão geral.
1 2 Introdução à linguagem HTML Sumário Volnys Borges Bernal Primeira página Principais tags Principais atributos 3 4 HTML HTML = HyperText Markup Language Linguagem de marcação (Markup) para criação de
HTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto
HTML BÁSICO E TEMPLATE VIEW Gabrielle Amorim Porto HTML BÁSICO E TEMPLATE VIEW Hypertext Markup Language Linguagem de marcação de hipertexto; Descreve a estrutura das páginas Web utilizando tags. HTML
Um esquema de nomes para localização de fontes de informação na Web, esse esquema chama-se URI.
Aula 01 - Visão geral do HTML5 Professor Bruno Kiedis De acordo com o W3C a Web é baseada em 3 pilares: Um esquema de nomes para localização de fontes de informação na Web, esse esquema chama-se URI. Um
Nesta disciplina aprenderemos. HTML CSS JavaScript Jquery PHP
Introdução Nesta disciplina aprenderemos HTML CSS JavaScript Jquery PHP HTML é a abreviatura de HyperText Mark-up Language. O HTML foi inventado em 1990, por um cientista chamado Tim Berners-Lee. A finalidade
Desenvolvimento Web. Introdução Geral. Prof. Vicente Paulo de Camargo
Introdução Geral Prof. Vicente Paulo de Camargo Web e Internet A Internet é uma rede de computadores que conecta milhões de computadores Se comunicam através do protocolos específicos A Web é uma forma
Curso online de. Formação em Front-End. Plano de Estudo
Curso online de Formação em Front-End Plano de Estudo Descrição do programa O Programa de Desenvolvimento Web lhe oferece conhecimentos para desenvolver habilidades necessárias para se tornar um Desenvolvedor
Web I F R N I N S T I T U TO F E D E R A L D E E D U C A Ç Ã O, C I Ê N C I A E T E C N O LO G I A D O R I O G R A N D E D O N R T E.
Web I F R N I N S T I T U TO F E D E R A L D E E D U C A Ç Ã O, C I Ê N C I A E T E C N O LO G I A D O R I O G R A N D E D O N R T E. J O S É A N TÔ N I O D A C U N H A Web Page HTTP No início a web, era
TECNOLOGIA WEB INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML
INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML 1 INTRODUÇÃO TECNOLOGIA WEB Começaremos desvendando o poder do desenvolvimento de aplicações baseadas na Web com a XHTML (Extensible HyperText Markup
Aplicativos para Internet Aula 01
Aplicativos para Internet Aula 01 Arquitetura cliente/servidor Introdução ao HTML, CSS e JavaScript Prof. Erika Miranda Universidade de Mogi das Cruzes Uso da Internet http://www.ibope.com.br/pt-br/noticias/paginas/world-wide-web-ou-www-completa-22-anos-nesta-terca-feira.aspx
Pré-requisitos: Conhecimentos de informática gerencial e lógica de programação.
CURSO DESENVOLVEDOR FRONT-END HTML5/CSS3/JavaScript Objetivo: Este curso visa introduzir o aluno do mundo do desenvolvimento Web, com aplicabilidade, ensino e capacitação nas principais linguagens de diagramação
INTRODUÇÃO ÀS APLICAÇÕES PARA WEB
INTRODUÇÃO ÀS APLICAÇÕES PARA WEB Material cedido pelo prof. Francisco Dantas Nobre Neto Professor: Rhavy Maia Guedes E-mail: rhavy.maia@gmail.com, rhavymg.wordpress.com Sites vs Aplicativos Web Aplicativos
Programação Web Aula 2 XHTML/CSS/XML
Programação Web Aula 2 XHTML/CSS/XML Departamento de Informática UFPR 17 de Fevereiro de 2014 1 Histórico 2 Funcionamento 3 Atributos 4 HTML5 Estrutura de uma arquivo HTML5 Validação Tags básicas Seleção
Introdução 1 PARTE I: A LINGUAGEM DA WEB 5
Sumário Introdução 1 PARTE I: A LINGUAGEM DA WEB 5 Capítulo 1: Introdução a HTML5 7 Criando com tags: um panorama 8 Incorporando os novos elementos de HTML5 9 Usando tags válidas de HTML4 11 Esquecendo
Aula 17 Introdução ao jquery
Aula 17 Introdução ao jquery jquery é uma biblioteca JavaScript criada por John Resig e disponibilizada como software livre e aberto, ou seja, de emprego e uso regido segundo licença conforme as regras
DreamweaverCC Plano de Aula - 24 Aulas (Aulas de 1 Hora).
6188 - DreamweaverCC Plano de Aula - 24 Aulas (Aulas de 1 Hora). Aula 1 Capítulo 1 - Noções Básicas 1.1. Novidades do Dreamweaver CC... 23 1.1.1. Aplicativo Creative Cloud... 24 1.2. Área de Trabalho...
HTML: INTRODUÇÃO TAGS BÁSICAS
HTML: INTRODUÇÃO TAGS BÁSICAS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 1 SUMÁRIO Definição Editores HTML Estrutura básica de um documento
Plano de Aula - DreamWeaver CC - cód Horas/Aula
Plano de Aula - DreamWeaver CC - cód. 6188 24 Horas/Aula Aula 1 Capítulo 1 - Noções Básicas Aula 2 1 - Noções Básicas Aula 3 Capítulo 2 - Site do DreamWeaver Aula 4 2 - Site do DreamWeaver 1.1. Novidades
#Fundamentos de uma página web
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RIO GRANDE DO NORTE CAMPUS SÃO GONÇALO DO AMARANTE PROGRAMAÇÃO WEB #Fundamentos de uma página web Eliezio Soares elieziosoares@ifrn.edu.br Aula de
Conceitos de HTML 5 Aula 1
Prof. João Augusto da Silva Bueno (joao.augusto@ifsc.edu.br) Conceitos de HTML 5 Aula 1 World Wide Web É um serviço da Internet que reúne vários documentos de todas as partes do mundo e esses documentos
Gosta de acompanhar os rumos das linguagens de programação? Então não fique de fora dessa! Descubra o que é o HTML 5!
O que é HTML 5? Gosta de acompanhar os rumos das linguagens de programação? Então não fique de fora dessa! Descubra o que é o HTML 5! Leia mais em: http://www.tecmundo.com.br/navegador/2254-o-que-e-html-5-.htm#ixzz2xyr1tlam
Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML
Programação para Internet I
Programação para Internet I Aula 04 Prof. Diemesleno Souza Carvalho diemesleno@iftm.edu.br http://www.diemesleno.com.br Na aula passada vimos... Na aula passada vimos... Unidade I - Conceitos básicos sobre
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JQUERY
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JQUERY Prof. Dr. Daniel Caetano 2013-1 Objetivos Introduzir o framework jquery Capacitar para a construção de documentos jquery simples Compreender os mecanismos
Aula 11 Introdução ao Java Script
Aula 11 Introdução ao Java Script Java Script é uma linguagem que permite trabalhar com a Lógica em páginas escritas em HTML (HiperText Mark-up Language). As páginas HTML podem ser escritas utilizando-se
PARA QUEM É ESTE CURSO?
PARA QUEM É ESTE CURSO? Este curso é destinado para pessoas com pouco ou nenhum conhecimento na área de desenvolvimento web, e que querem aprender a criar sites otimizados e sistemas web. VOCÊ QUER APRENDER
Desenvolva passo a passo um Sistema Web seguro com C# e Web Services!
Desenvolva passo a passo um Sistema Web seguro com C# e Web Services! Indo além do Desenvolvimento Desktop do módulo anterior, desenvolva nesse curso Aplicações Web de alta performance e agilidade através
Redes de Computadores I Seminário Novas Tecnologias em Redes HTML5. Jessica da Silva Hahn Letícia Aparecida Coelho
Redes de Computadores I Seminário Novas Tecnologias em Redes HTML5 Jessica da Silva Hahn Letícia Aparecida Coelho Internet HTTP Dois métodos de requisição HTTP são os mais utilizados: GET e POST Outros
Programação Web - HTML
Instituto Federal de Minas Gerais Campus Ponte Nova Programação Web - HTML Professor: Saulo Henrique Cabral Silva HTML Início em 1980, Tim Bernes-Lee Implementado Pascal. 1989, o CERN investiu esforços
Dreamweaver CS6 Plano de Aula - 24 Aulas (Aulas de 1 Hora).
5232 - Dreamweaver CS6 Plano de Aula - 24 Aulas (Aulas de 1 Hora). Aula 1 Capítulo 1 - Introdução ao Dreamweaver CS6 1.1. Novidades do Dreamweaver CS6... 23 1.2. Área de Trabalho... 24 1.2.1. Tela de Boas-vindas...
JAVASCRIPT. Desenvolvimento Web I
JAVASCRIPT Desenvolvimento Web I JavaScript HTML Conteúdo - ( Markup language) CSS Apresentação (Style Sheet language) JavaScript (Programming language) Uso de JavaScript : Validação de formulários, galerias
INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Declaração DOCTYPE em documentos HTML O W3C (World Wide Web Consortium: www.w3.org), encarregado da criação dos Standard webs, define
Capítulo 7. A camada de aplicação
Capítulo 7 A camada de aplicação slide 1 slide 2 DNS Sistema de Nomes de Domínio O espaço de nomes DNS Registros de recursos de domínio Servidores de nome slide 3 O espaço de nomes DNS (1) Parte do espaço
Roteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Engenharia de Computação. Disciplina: Programação para WEB
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Engenharia de Computação Disciplina: Programação para WEB Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Criar listas em páginas
Linguagem de Programação Visual. Estrutura Basica do HTML5 Prof. Gleison Batista de Sousa
Linguagem de Programação Visual Estrutura Basica do HTML5 Prof. Gleison Batista de Sousa O que vai ser estudado Codificação; Linguagem de Programação; Infra Estrutura Basica; Ferramentas; Implantação;
O que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
PROGRAMAÇÃO PARA INTERNET RICA AJAX
PROGRAMAÇÃO PARA INTERNET RICA AJAX Prof. Dr. Daniel Caetano 2013-1 Objetivos Apresentar o conceito do AJAX Capacitar para a criação de sites / aplicativos dinâmicos com o uso de AJAX Trabalho B! Material
HTML 5 TAGS BÁSICAS E ESTRUTURAIS. Prof. Rosemary Melo
HTML 5 TAGS BÁSICAS E ESTRUTURAIS Prof. Rosemary Melo TAGS BÁSICAS DA LINGUAGEM TAG Indica que está criando uma página html TAG Área contém informação sobre a página TAG especifica
Desenvolvimento de Aplicações para. Prof.: Bruno Rafael de Oliveira Rodrigues
Desenvolvimento de Aplicações para Internet Prof.: Bruno Rafael de Oliveira Rodrigues Videos nas Páginas Existem várias maneiras de inserir um vídeo em sua página. O vídeo pode aparecer sob a forma de
Linguagens de Marcação e Folhas de Estilos
Linguagens de Marcação e Folhas de Estilos Tópicos Especiais 3 de setembro de 2014 Agenda XHTML Linguagens de Marcação: SGML, XML e suas Aplicações Versões Recentes Classificações Exibição Motivação Principais
INTRODUÇÃO AO CSS. HTML é usado para estruturar conteúdos. CSS é usado para formatar conteúdos estruturados.
INTRODUÇÃO AO CSS O que é CSS? Talvez você já tenha ouvido falar em CSS, mas não saiba o que significa exatamente. Nesta lição você saberá o que é e para que serve CSS. CSS é a abreviatura para Cascading
INTRODUÇÃO A PROGRAMAÇÃO PARA WEB
INTRODUÇÃO A PROGRAMAÇÃO PARA WEB PROF. ME. HÉLIO ESPERIDIÃO Navegador O navegador também conhecido como web browser é um programa que habilita seus usuários a interagirem com documentos hospedados em
Leonardo Zorzo Carbone. Orientador: Adilson Vahldick
WebCode Componente web para edição de código fonte Leonardo Zorzo Carbone Orientador: Adilson Vahldick Roteiro da Apresentação Introdução Fundamentação Teórica Desenvolvimento Conclusão Extensões Introdução
Construção de sites Aula 1
Construção de sites Aula 1 Programa Instrutor Universidade Federal do Paraná Pró-reitoria de Assuntos Estudantis Departamento de Informática 31 de Julho de 2010 Indice Estrutura da Internet 1 Estrutura
HTML? HTML? HTML? HTML e HTTP. HTML e HTTP 26/02/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 HTML? INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 1 Hypertext Markup Language (Linguagem de
O que é o HTML5? Tags Canvas
O que é o HTML5? O código HTML está presente nas páginas da web há mais de dez anos e tem uma larga aceitação dos usuários por todo o mundo. Com certeza, qualquer pessoa que tem uma ligação um pouco mais
Developing ASP.NET MVC 5 Web Applications (20486)
Developing ASP.NET MVC 5 Web Applications (20486) Formato do curso: Presencial Localidade: Lisboa Com certificação: Microsoft Certified Solutions Developer (MCSD) Data: 02 Abr. 2018 a 06 Abr. 2018 Preço:
ASP.NET MVC 5 BÁSICO
ASP.NET MVC 5 BÁSICO Objetivo: O curso de ASP.NET C# MVC 5 Básico visa apresentar para o aluno a nova tecnologia de desenvolvimento Web da Microsoft ASP.NET MVC e também capacitá-lo a usar os principais
GERAÇÃO DE ARQUIVOS DE SCRIPT EM PHP. Acadêmico: Leonardo Sommariva Orientador: Alexander Roberto Valdameri
FERRAMENTA VISUAL PARA GERAÇÃO DE ARQUIVOS DE SCRIPT EM PHP Acadêmico: Leonardo Sommariva Orientador: Alexander Roberto Valdameri ROTEIRO Introdução Objetivos Motivação Fundamentação Teórica Desenvolvimento
Laboratório de Sistemas e Serviços Web
Ministério da Ciência, Tecnologia e Ensino Superior U.C. 21182 Laboratório de Sistemas e Serviços Web Época Normal, 2017/2018 INSTRUÇÕES PARA A RESOLUÇÃO DO EXAME, ACONSELHA-SE QUE LEIA ATENTAMENTE O SEGUINTE:
Aplicativos móveis com HTML5
Aplicativos móveis com HTML5 Preparando o ambiente de desenvolvimento O código HTML pode ser escrito em qualquer editor de texto comum. Você pode utilizar o editor padrão do seu sistema operacional (Bloco
CSS Cascading Style Sheets
CSS Cascading Style Sheets Linguagem de Folhas de Estilo Introdução Faz parte da versão 4 do html Utilizado para padronizar os componentes html Pode ser utilizado de três formas: Inline quando é utilizada
MÓDULO 1: Tags: estrutura; tipos; atributos. Estrutura de um documento. Tags de blocos: <?xml?>, <!DOCTYPE>, <html>, <head>, <body>, <body bgcolor>.
MÓDULO 1: Tags: estrutura; tipos; atributos. Estrutura de um documento. Tags de blocos: , , , , , . Conceitos básicos do funcionamento da Internet Internet
AULA 11 DESENVOLVIMENTO DE GAMES UTILIZANDO O HTML5
AULA 11 DESENVOLVIMENTO DE GAMES UTILIZANDO O HTML5 HTML5 E JAVASCRIPT O HTML5 é a mais recente versão do padrão HTML; fornece-nos muitos recursos para uma maior interatividade e suporte de mídia. Esses
Daniel Röhers Moura. Software HandsOn.TV. danielrohers
Daniel Röhers Moura Software Engineer @ HandsOn.TV rohersmoura@gmail.com danielrohers 1 HTML o que? HTML5 é a nova versão do HTML, simples assim! :) Foi lançada em 2008 e traz consigo importantes mudanças
Desenvolvimento Web. HTML 5 Parte I. Prof. Vicente Paulo de Camargo
Parte I Prof. Vicente Paulo de Camargo Páginas com podem ser desenvolvidas com editor de texto simples Existem, no entanto, alguns editores interessantes, que facilitam a edição de páginas É o caso de
Dreamweaver CS5 Plano de Aula - 24 Aulas (Aulas de 1 Hora).
4149 - Dreamweaver CS5 Plano de Aula - 24 Aulas (Aulas de 1 Hora). Aula 1 Capítulo 1 - Introdução 1.1. Novidades do Dreamweaver CS5...23 1.2. Área de Trabalho...23 1.2.1. Tela de Boas-vindas...24 1.2.2.
Aplicações para Internet
Aplicações para Internet Material Teórico Conceitos Básicos do HTML Responsável pelo Conteúdo: Prof. Ms. Alexander Gobbato Paulino Albuquerque Revisão Textual: Profa. Ms. Fátima Furlan Conceitos Básicos
Projeto Integrador. Pesquisa HTML5. Green Friday. Gestão em Tecnologia da Informação. Turma 1º B
Projeto Integrador Green Friday Pesquisa HTML5 Gestão em Tecnologia da Informação Turma 1º B Versão : 1.0.0 Equipe Cristiano Margarida Rodrigues Idealização e arquitetura Tiago Dariel Gois Marques - Teste
Capítulo 2. Conceitos básicos 17
2 Conceitos básicos Para tornar a leitura deste documento mais simples, é necessário entender alguns conceitos importantes sobre a criação e a manipulação de documentos HTML. Por esse motivo, na Seção
Informática Parte 20 Prof. Márcio Hunecke
Escriturário Informática Parte 20 Prof. Márcio Hunecke Informática HTML 5 HTML5 (Hypertext Markup Language, versão 5) é uma linguagem para estruturação e apresentação de conteúdo para a World Wide Web
Plano de Aula - Dreamweaver CS5 - cód Horas/Aula
Plano de Aula - Dreamweaver CS5 - cód.4149 24 Horas/Aula Aula 1 Capítulo 1 - Introdução Aula 2 Continuação do Capítulo 1 - Introdução Aula 3 Capítulo 2 - Site do Dreamweaver 1.1. Novidades do Dreamweaver
EXERCÍCIOS DE REVISÃO DE CONTEÚDO QUESTÕES DISSERTATIVAS
EXERCÍCIOS DE REVISÃO DE CONTEÚDO QUESTÕES DISSERTATIVAS 1. Explique a(s) diferença(s) entre design pattern e framework. 2. Analisar o arquivo de configurações (web.xml) abaixo identificando quais suas
Roteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Conhecer os recursos
C# (C Sharp) - ASP.NET MVC Avançado
CONTEÚDO PROGRAMÁTICO C# (C Sharp) - ASP.NET MVC Avançado Carga horária: 40 horas TreinaWeb Tecnologia LTDA CNPJ: 06.156.637/0001-58 Av. Paulista, 1765 - Conj 71 e 72 São Paulo - SP CONTEÚDO PROGRAMÁTICO
HTML - Definição e Conceitos
1 HTML - Definição e Conceitos HTML e uma abreviação para Hyper Text Markup Language ou Linguagem de Marcação de Hipertexto. É uma linguagem utilizada pra criação de páginas para a internet que serão "interpretadas"no
DESENVOLVIMENTO DE SOFTWARE PARA INTERNET LABORATÓRIO 5 PROF. EMILIO PARMEGIANI
DESENVOLVIMENTO DE SOFTWARE PARA INTERNET LABORATÓRIO 5 PROF. EMILIO PARMEGIANI MASTER PAGES Master Pages (ou Páginas Mestres) é um arquivo ASP.NET com a extensão.master (por exemplo, MinhaPagina.master)
M V C, J S O N E X M L P R O F. M E. H É L I O E S P E R I D I Ã O
M V C, J S O N E X M L P R O F. M E. H É L I O E S P E R I D I Ã O A P L I C A Ç Õ E S M O N O L Í T I C A S Na época dos computares independentes um aplicativo era desenvolvido para ser usado em uma única
14/08/2009. Módulo 4
ASP.NET Módulo 4 Objetivo Apresentar ao aluno os conceitos do ASP.Net, suas características e funcionamento; Demonstrar como deve ser criado um Web site; Criação de web form; Mostrar os principais controles
HTML 5, UM ESTUDO SOBRE SEUS NOVOS RECURSOS
HTML 5, UM ESTUDO SOBRE SEUS NOVOS RECURSOS Clodoaldo Hiroiti Iamashita 1, Willian Barbosa Magalhães 1 1 Universidade Paranaense (Unipar) Paranavaí PR Brasil hiroiteiamashita@hotmail.com wmagalhaes@unipar.br
INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO CSS - Cascading Style Sheets Folhas de estilo em cascata Para cada estilo deve ser definido uma regra CSS Cada regra CSS deve utilizar
HTML & CSS. uma introdução
HTML & CSS uma introdução HTML hypertext markup language CSS cascading style sheet linguagem de marcação que dá ao conteúdo estrutura e significado linguagem de estilo que dá ao conteúdo estilo e aparência
EA975 - Laboratório de Engenharia de Software
EA975 - Laboratório de Engenharia de Software Turmas K/L - 2017 Aula 1 O que vamos desenvolver? Vamos desenvolver uma aplicação distribuída, empregando a arquitetura 3-Tier segundo o estilo REST/HTTP (Respresentational
Desenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br
Desenvolvimento de Aplicações Web Programação Contextualização de aplicações Web: navegadores e servidores como interpretadores, tecnologias do lado do cliente (XHTML, CSS, Javascript) e do lado do servidor
XHTML 1.0 DTDs e Validação
XHTML 1.0 DTDs e Validação PRnet/2012 Ferramentas para Web Design 1 HTML 4.0 X XHTML 1.0 Quais são os três principais componentes ou instrumentos mais utilizados na internet? PRnet/2012 Ferramentas para
Dreamweaver CC_15x21.indd 1 06/04/ :04:22
Dreamweaver CC_15x21.indd 1 06/04/2015 11:04:22 SUMÁRIO INTRODUÇÃO... 3 CAPÍTULO 1 Iniciando e conhecendo o Dreamweaver... 8 Interfaces... 21 Criando e configurando sites... 22 CAPÍTULO 2 Criando arquivos...
Desenvolvimento de Sistemas WEB Prof. Msc Jacson Rodrigues
Desenvolvimento de Sistemas WEB Prof. Msc Jacson Rodrigues Visão Geral do HTML A Web é baseada em 3 pilares: Um esquema de nomes para localização de fontes de informação na Web: URI. Um Protocolo de acesso
Programação Cliente em. jquery. Fontes: Wendell S. Soares e vinteum.com
Programação Cliente em Sistemas Web jquery Fontes: Wendell S. Soares e vinteum.com Apresentação jquery é uma biblioteca JavaScript criada por John Resig e disponibilizada como software livre e aberto O
Curso online de Aplicações. Híbridas. Plano de Estudo
Curso online de Aplicações Híbridas Plano de Estudo Descrição do programa O programa de aplicações híbridas tem um enfoque em desenvolvimento para dispositivos móveis que combina os pontos fortes do desenvolvimento
INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT
v1.1 INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT AULA 7 CRIANDO INTERAÇÕES COM JAVASCRIPT (PARTE 2) Eder Franco @ FPF Tech The road so far... JavaScript Desenvolvida para criar interações
Depende de algumas habilidades. O tamanho. Virtualmente ilimitado. Mercado. Estatisticamente crescente.
DevStart Módulo 1: O mercado Depende de algumas habilidades. O tamanho Virtualmente ilimitado. Mercado Estatisticamente crescente. Durante a economia difícil. As possibilidades Durante a economia sadia.
PROGRAMADOR WEB. PROF. Esp. Andrew H. G. Rodrigues
PROGRAMADOR WEB PROF. Esp. Andrew H. G. Rodrigues CSS - CASCADING STYLE SHEETS Folhas de estilo em cascata Para cada estilo deve ser definido uma regra CSS Cada regra CSS deve utilizar a seguinte sintaxe:
Manual do usuário people
Manual do usuário people http://people.ufpr.br/ Sumário 1. O que é?... 3 2. Como é feito o acesso... 3 3. O Que pode ser feito no people.ufpr.br?... 3 4. Espaço de Armazenamento... 3 5. Como é feito a
REDES DE COMUNICAÇÃO. 11º - ANO Professor: Rafael Henriques
16-01-2019 Redes de Comunicação - Prof. Rafael Henriques 1 REDES DE COMUNICAÇÃO 11º - ANO Professor: Rafael Henriques E-mail: prof@rafaelhenriques.com Apresentação módulos 4 - Desenvolvimento de Páginas
AULA 01 Introdução (HTML, CSS e Javascript) PROGRAMAÇÃO PARA WEB Marcelo Henrique dos Santos
AULA 01 Introdução (HTML, CSS e Javascript) Mestrado em Educação (em andamento) MBA em Negócios em Mídias Digitais MBA em Marketing e Vendas Especialista em games : Produção e Programação Bacharel em Sistema
TP1 - TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET I. Profª Eulaliane Gonçalves
TP1 - TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET I Profª Eulaliane Gonçalves COMPETÊNCIAS 1. Interpretar e desenvolver páginas para Web. HABILIDADES 1.1. Coletar dados e informações de usuários para elaboração
Introdução ao HTML André Luiz Silva de Moraes Instituto Federal de Santa Catarina
Introdução ao HTML André Luiz Silva de Moraes Hypertext Markup Language Linguagem de Marcação de Hipertexto Padroniza a Escrita do texto Permite que um navegador reconheça elementos para inserir em uma
CASCADING STYLE SHEETS (CSS)
UI MARIA LENIR ARAÚJO MENESES Prof Esp. Leonardo Delgado Aula 02: CASCADING STYLE SHEETS (CSS) Unidade IV Aluno: Data: / / CASCADING STYLE SHEETS (CSS) O CSS é uma linguagem de estilo que foi desenvolvida
Aula 3. Imagens. <img src="foto.jpg" />
Aula 3 Imagens Para inserir uma imagem na página utilizamos a tag
UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues
UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues 0793 Scripts CGI e folhas de estilo Objectivos da UFCD: Desenvolver páginas para a Web, através de scripts CGI e folhas de estilo. UFCD
Fábio Borges de Oliveira. HTML HyperText Markup Language
Fábio Borges de Oliveira HTML HyperText Markup Language Iniciando Código É a primeira tag de um documento HTML, nas primeiras versões dos browsers essa tag era obrigatória. Propriedade que
Introdução ao HTML e às folhas de estilo (CSS)
MIEEC SIEM ano letivo 2013/14 Introdução ao HTML e às folhas de estilo (CSS) José A. Faria (jfaria@fe.up.pt) FEUP, DEIG Setembro 2013 MIEEC SIEM --- 1 --- José António Faria Introdução ao protocolo HTTP
Sumário. Parte I JavaScript básica. 1 Introdução a JavaScript Estrutura léxica Tipos, valores e variáveis... 28
Sumário 1 Introdução a JavaScript... 1 1.1 JavaScript básica 4 1.2 JavaScript do lado do cliente 8 Parte I JavaScript básica 2 Estrutura léxica... 21 2.1 Conjunto de caracteres 21 2.2 Comentários 23 2.3
Guia de Bolso HTML e XHTML
Guia de Bolso HTML e XHTML Este guia de bolso oferece uma listagem concisa, porém abrangente, dos elementos e atributos especificados nas Recomendações HTML 4.01 e XHTML 1.0. O texto utiliza a abreviação
Formação ASP.NET MVC com C#
Comece a desenvolver sistemas para Web e Desktop com a linguagem de programação mais utilizada entre as equipes de alta performance. Carga-horária: 80h O que você aprenderá na formação ASP.NET MVC com
JavaScript (Elementos de Programação e Programação Básica)
Linguagem de Programação para Web JavaScript (Elementos de Programação e Programação Básica) Prof. Mauro Lopes 1 Objetivos Iniciaremos aqui o nosso estudo sobre a Linguagem de Programação JavaScript. Apresentaremos
IFSC/Florianópolis - Prof. Herval Daminelli
Linguagem de marcação de textos; HTML significa Hypertext Markup Language (linguagem de marcação de hipertexto); Composta por elementos chamados tags ou rótulos ou marcadores; Estes marcadores definem
<HTML> Vinícius Roggério da Rocha
Vinícius Roggério da Rocha www.monolitonimbus.com.br O que é HTML? HTML = HyperText Markup Language ou Linguagem de Marcação de Hipertexto Linguagem: maneira de se comunicar (entre máquinas, pessoas