O documento apresenta informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria, incluindo sua formação acadêmica, experiência profissional e objetivos do curso.
Este documento fornece uma introdução sobre HTML, ensinando como criar uma página web básica através de marcações HTML. Ele explica o que é HTML, como funcionam as tags e elementos HTML, e fornece exemplos de como adicionar cabeçalhos, parágrafos, links e imagens.
O documento apresenta uma introdução ao HTML e CSS, com uma linha do tempo histórica destas tecnologias e explicações sobre elementos estruturais e chaves como tags, seções head e body, listas e tabelas. É fornecido um guia sobre quais tags devem e não devem ser usadas atualmente.
Este documento fornece informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria. O curso ensina HTML5, CSS3, JavaScript e frameworks como o Bootstrap. O professor tem formação em Ciência da Computação e MBA em Gerenciamento de Projetos e experiência como analista, professor e empreendedor na área de tecnologia.
O documento explica a estrutura básica do HTML, incluindo as tags <html>, <head>, <title> e <body>. Também discute tags comuns como <h1>, <h2>, <h3> e <p> e como elas ajudam a estruturar e dar significado a páginas da web.
Este documento fornece um resumo do conteúdo de um curso sobre HTML5 e CSS3. Ele inclui tópicos como estrutura HTML5, elementos semânticos, formulários, canvas, links, listas, tabelas e introdução ao CSS3.
Este documento apresenta uma aula introdutória sobre HTML, incluindo a estrutura básica de um documento HTML, conceitos como tags e como formatar texto. Algumas tags ensinadas incluem <b> para negrito, <i> para itálico, <u> para sublinhado, <s> para riscado e <title> para o título da página. Os alunos foram encarregados de criar uma página HTML sobre si mesmos usando as tags aprendidas.
Este documento fornece uma introdução sobre HTML, ensinando como criar uma página web básica através de marcações HTML. Ele explica o que é HTML, como funcionam as tags e elementos HTML, e fornece exemplos de como adicionar cabeçalhos, parágrafos, links e imagens.
O documento apresenta uma introdução ao HTML e CSS, com uma linha do tempo histórica destas tecnologias e explicações sobre elementos estruturais e chaves como tags, seções head e body, listas e tabelas. É fornecido um guia sobre quais tags devem e não devem ser usadas atualmente.
Este documento fornece informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria. O curso ensina HTML5, CSS3, JavaScript e frameworks como o Bootstrap. O professor tem formação em Ciência da Computação e MBA em Gerenciamento de Projetos e experiência como analista, professor e empreendedor na área de tecnologia.
O documento explica a estrutura básica do HTML, incluindo as tags <html>, <head>, <title> e <body>. Também discute tags comuns como <h1>, <h2>, <h3> e <p> e como elas ajudam a estruturar e dar significado a páginas da web.
Este documento fornece um resumo do conteúdo de um curso sobre HTML5 e CSS3. Ele inclui tópicos como estrutura HTML5, elementos semânticos, formulários, canvas, links, listas, tabelas e introdução ao CSS3.
Este documento apresenta uma aula introdutória sobre HTML, incluindo a estrutura básica de um documento HTML, conceitos como tags e como formatar texto. Algumas tags ensinadas incluem <b> para negrito, <i> para itálico, <u> para sublinhado, <s> para riscado e <title> para o título da página. Os alunos foram encarregados de criar uma página HTML sobre si mesmos usando as tags aprendidas.
O documento introduz os conceitos básicos de CSS, incluindo sua definição como linguagem para estilos que define o layout de documentos HTML, as vantagens de usar CSS, e os três métodos para aplicar CSS em HTML. Também resume os componentes básicos de uma regra CSS, propriedades comuns como float, e aplicações como formatação de texto e elementos. Por fim, pede como exercício a criação de um site simples com HTML e CSS.
O documento fornece uma introdução sobre HTML e CSS, descrevendo suas principais características e elementos. Ele explica o que são HTML, tags e estrutura básica de um documento HTML. Também apresenta as propriedades e elementos essenciais de CSS, como fontes, bordas, fundos e listas. Por fim, fornece dicas sobre como aprender mais sobre esses temas através da prática.
O documento apresenta uma introdução sobre JavaScript, descrevendo-o como uma linguagem de programação utilizada para criar pequenos programas que realizam ações em páginas web. Em seguida, explica conceitos básicos como estrutura de scripts, uso de funções como document.write(), caixas de diálogo e conversão de variáveis. Por fim, aborda brevemente objetos, eventos e funções.
Curso de css3 unidade 1 - introdução ao cssLéo Dias
O documento resume os principais pontos sobre CSS: 1) CSS é uma linguagem de formatação para definir o estilo de páginas web, separando conteúdo da formatação; 2) Apresenta os tipos de seletores como classe, ID e filho que permitem aplicar estilos específicos; 3) Discutem propriedades comuns como cor, fonte e tamanho que controlam a aparência.
O documento fornece uma introdução sobre HTML, destacando que é uma linguagem de marcação usada para exibir conteúdo na web. Explica que a HTML passou por muitas alterações desde sua criação até a versão atual (HTML5) e que o foco será apenas na linguagem HTML e o que pode ser feito com ela.
1. A aula introduz o PHP, abordando sua história, características e estrutura básica.
2. Variáveis, constantes, tipos de dados e operadores são explicados. Exemplos ilustram o uso de variáveis, operações matemáticas e lógicas.
3. O documento fornece os conceitos fundamentais da linguagem PHP para iniciantes.
O documento fornece uma introdução básica sobre HTML, incluindo: 1) HTML é uma linguagem de marcação usada para criar páginas web; 2) Páginas HTML são renderizadas por navegadores; 3) Código HTML usa tags para estruturar o conteúdo.
O documento discute conceitos de CSS como incorporação em HTML, seletores, propriedades e boas práticas. Aborda tags como <link> e <style> para adicionar folhas de estilo, e o uso de IDs, classes e estilos inline. Também menciona validação CSS e problemas de compatibilidade entre navegadores.
O documento discute os principais conceitos da Web 2.0, incluindo sua evolução, tecnologias envolvidas e oportunidades de mercado. Aborda tópicos como a história da web, modelos de desenvolvimento, linguagens como HTML, CSS e JavaScript e padrões como W3C.
O documento introduz os principais conceitos de HTML5, incluindo: (1) suas novas tags semânticas como <section>, <nav> e <article>; (2) seus novos recursos como vídeo, áudio e armazenamento local; e (3) como substitui o XHTML ao oferecer maior flexibilidade e retrocompatibilidade.
O documento resume os principais tópicos sobre desenvolvimento de sistemas web, incluindo: (1) a diferença entre Internet e Web, como a Web usa a Internet para compartilhar hipertextos; (2) o modelo cliente-servidor e como ele funciona; (3) URLs e como elas localizam recursos na Web.
Este documento apresenta os principais tópicos sobre ponteiros e funções em C, incluindo: 1) como declarar e usar ponteiros para variáveis, vetores e strings; 2) como declarar e usar funções, incluindo parâmetros, retorno e protótipos; e 3) diretivas de compilação como #include e #define. Exemplos de código são fornecidos para ilustrar cada tópico.
Slide da disciplina de linguagem de programação para a web do curso técnico em informática do IFPE - Campus Garanhuns. Apresenta como é realizada a criação de tabelas utilizando HTML
O documento descreve as principais propriedades e conceitos de CSS, incluindo: 1) CSS é usado para definir a formatação e estilo de elementos HTML; 2) CSS permite separar a estrutura do conteúdo da página da sua apresentação visual; 3) As regras CSS são compostas por seletores e declarações que definem os estilos dos elementos selecionados.
O documento discute as diferenças entre front-end e back-end, explicando que front-end é responsável pela interface do usuário usando HTML e CSS, enquanto back-end implementa a lógica de negócio por trás dos bastidores. O HTML é usado para estruturar páginas web e o CSS adiciona estilo.
O documento descreve os principais elementos de formulários em HTML, incluindo campos de texto, senha, botões de opção, caixas de seleção e áreas de texto, e fornece exemplos de código HTML para implementá-los.
O documento descreve as principais linguagens usadas para criar páginas web: HTML para estrutura, CSS para estilo e formatação, e JavaScript para comportamento e interatividade. Explica brevemente o que cada uma faz e recomenda ferramentas como Notepad++ e navegador Chrome para começar a programa-las.
JavaScript é a linguagem do browser e mais popular do mundo. Foi criada em 1995 para o Netscape e adotada pela Microsoft em 1996. Apesar de sua má fama inicial devido a problemas como variáveis globais e parseInt, JavaScript possui "partes boas" como funções como valores, objetos dinâmicos e JSON que a tornaram uma linguagem importante.
Este documento fornece uma introdução sobre HTML, CSS, JavaScript e Ajax. Resume as seguintes informações essenciais:
1. HTML é usado para estruturar e dar significado à informação em páginas web. CSS é usado para estilizar a apresentação dessa informação. JavaScript permite adicionar comportamento interativo. Ajax permite atualizar partes de páginas web sem recarregá-las completamente.
O documento introduz os conceitos básicos de CSS, incluindo sua definição como linguagem para estilos que define o layout de documentos HTML, as vantagens de usar CSS, e os três métodos para aplicar CSS em HTML. Também resume os componentes básicos de uma regra CSS, propriedades comuns como float, e aplicações como formatação de texto e elementos. Por fim, pede como exercício a criação de um site simples com HTML e CSS.
O documento fornece uma introdução sobre HTML e CSS, descrevendo suas principais características e elementos. Ele explica o que são HTML, tags e estrutura básica de um documento HTML. Também apresenta as propriedades e elementos essenciais de CSS, como fontes, bordas, fundos e listas. Por fim, fornece dicas sobre como aprender mais sobre esses temas através da prática.
O documento apresenta uma introdução sobre JavaScript, descrevendo-o como uma linguagem de programação utilizada para criar pequenos programas que realizam ações em páginas web. Em seguida, explica conceitos básicos como estrutura de scripts, uso de funções como document.write(), caixas de diálogo e conversão de variáveis. Por fim, aborda brevemente objetos, eventos e funções.
Curso de css3 unidade 1 - introdução ao cssLéo Dias
O documento resume os principais pontos sobre CSS: 1) CSS é uma linguagem de formatação para definir o estilo de páginas web, separando conteúdo da formatação; 2) Apresenta os tipos de seletores como classe, ID e filho que permitem aplicar estilos específicos; 3) Discutem propriedades comuns como cor, fonte e tamanho que controlam a aparência.
O documento fornece uma introdução sobre HTML, destacando que é uma linguagem de marcação usada para exibir conteúdo na web. Explica que a HTML passou por muitas alterações desde sua criação até a versão atual (HTML5) e que o foco será apenas na linguagem HTML e o que pode ser feito com ela.
1. A aula introduz o PHP, abordando sua história, características e estrutura básica.
2. Variáveis, constantes, tipos de dados e operadores são explicados. Exemplos ilustram o uso de variáveis, operações matemáticas e lógicas.
3. O documento fornece os conceitos fundamentais da linguagem PHP para iniciantes.
O documento fornece uma introdução básica sobre HTML, incluindo: 1) HTML é uma linguagem de marcação usada para criar páginas web; 2) Páginas HTML são renderizadas por navegadores; 3) Código HTML usa tags para estruturar o conteúdo.
O documento discute conceitos de CSS como incorporação em HTML, seletores, propriedades e boas práticas. Aborda tags como <link> e <style> para adicionar folhas de estilo, e o uso de IDs, classes e estilos inline. Também menciona validação CSS e problemas de compatibilidade entre navegadores.
O documento discute os principais conceitos da Web 2.0, incluindo sua evolução, tecnologias envolvidas e oportunidades de mercado. Aborda tópicos como a história da web, modelos de desenvolvimento, linguagens como HTML, CSS e JavaScript e padrões como W3C.
O documento introduz os principais conceitos de HTML5, incluindo: (1) suas novas tags semânticas como <section>, <nav> e <article>; (2) seus novos recursos como vídeo, áudio e armazenamento local; e (3) como substitui o XHTML ao oferecer maior flexibilidade e retrocompatibilidade.
O documento resume os principais tópicos sobre desenvolvimento de sistemas web, incluindo: (1) a diferença entre Internet e Web, como a Web usa a Internet para compartilhar hipertextos; (2) o modelo cliente-servidor e como ele funciona; (3) URLs e como elas localizam recursos na Web.
Este documento apresenta os principais tópicos sobre ponteiros e funções em C, incluindo: 1) como declarar e usar ponteiros para variáveis, vetores e strings; 2) como declarar e usar funções, incluindo parâmetros, retorno e protótipos; e 3) diretivas de compilação como #include e #define. Exemplos de código são fornecidos para ilustrar cada tópico.
Slide da disciplina de linguagem de programação para a web do curso técnico em informática do IFPE - Campus Garanhuns. Apresenta como é realizada a criação de tabelas utilizando HTML
O documento descreve as principais propriedades e conceitos de CSS, incluindo: 1) CSS é usado para definir a formatação e estilo de elementos HTML; 2) CSS permite separar a estrutura do conteúdo da página da sua apresentação visual; 3) As regras CSS são compostas por seletores e declarações que definem os estilos dos elementos selecionados.
O documento discute as diferenças entre front-end e back-end, explicando que front-end é responsável pela interface do usuário usando HTML e CSS, enquanto back-end implementa a lógica de negócio por trás dos bastidores. O HTML é usado para estruturar páginas web e o CSS adiciona estilo.
O documento descreve os principais elementos de formulários em HTML, incluindo campos de texto, senha, botões de opção, caixas de seleção e áreas de texto, e fornece exemplos de código HTML para implementá-los.
O documento descreve as principais linguagens usadas para criar páginas web: HTML para estrutura, CSS para estilo e formatação, e JavaScript para comportamento e interatividade. Explica brevemente o que cada uma faz e recomenda ferramentas como Notepad++ e navegador Chrome para começar a programa-las.
JavaScript é a linguagem do browser e mais popular do mundo. Foi criada em 1995 para o Netscape e adotada pela Microsoft em 1996. Apesar de sua má fama inicial devido a problemas como variáveis globais e parseInt, JavaScript possui "partes boas" como funções como valores, objetos dinâmicos e JSON que a tornaram uma linguagem importante.
Este documento fornece uma introdução sobre HTML, CSS, JavaScript e Ajax. Resume as seguintes informações essenciais:
1. HTML é usado para estruturar e dar significado à informação em páginas web. CSS é usado para estilizar a apresentação dessa informação. JavaScript permite adicionar comportamento interativo. Ajax permite atualizar partes de páginas web sem recarregá-las completamente.
Palestras: HTML5 – A moderna linguagem de marcação / CSS3 – Estilizando a Web do futuro
Palestrante: Leonardo Balter (iLearn/RJ)
Local: Auditório da Faculdade São Lucas
Este documento fornece uma visão geral dos aplicativos web modernos, discutindo a evolução da estrutura HTML e CSS ao longo do tempo. Explica como os estilos guias ajudam a definir padrões de design para melhorar a experiência do usuário, e discute as vantagens e desvantagens do uso de frameworks prontos versus a implementação de um guia de estilos personalizado.
O documento apresenta padrões de HTML e CSS para criação de layouts e componentes de forma estruturada e semântica. É apresentado o padrão de grids para definir a estrutura do layout, minidocumentos para encapsular seções de conteúdo de forma autônoma e microsemântica para melhorar a acessibilidade e o significado do código HTML.
Desenvolvimento-web-com-html-css-e-javascriptManuel Fernando
Este documento é um treinamento sobre desenvolvimento web com HTML, CSS e JavaScript. Ele contém instruções e exercícios sobre essas tecnologias, incluindo 289 exercícios de fixação, 164 exercícios complementares e 56 questões de prova.
Minicurso "Jogos Multiplataforma com Javascript"Felipe Pedroso
O documento discute o desenvolvimento de jogos multiplataforma usando Javascript. Apresenta algumas game engines como CreateJS que permitem criar jogos para HTML5/Javascript de forma fácil. Também discute como usar o Apache Cordova para publicar jogos feitos com Javascript para outros dispositivos móveis.
Web Development with HTML5, CSS3 & JavaScriptEdureka!
With the commercialization of the web, web development has become one of the blooming industries. Learning web development enables you to create attractive websites using HTML, CSS, JQuery and JavaScript. Web development includes developing simple and complex web-based applications, electronic businesses and social networking sites. Being a web developer you can deliver applications as web services which is only available in desktop applications.
Nicholas Adams is seeking an entry-level IT position and has experience working as a business systems technician. He has certifications including A+, Security+, CCENT, and MTA Networking Fundamentals. He graduated from Centriq Training's IT administrator program and has skills in networking, Windows server administration, databases, and hardware/software troubleshooting. His previous role involved supporting and maintaining Kronos time clocks for YRC Freight help desk.
1. O documento apresenta um sumário detalhado sobre o curso Desenvolvimento Web com HTML, CSS e JavaScript da Caelum, com tópicos que vão desde a introdução aos conceitos até exercícios avançados de posicionamento.
2. É apresentado um guia passo-a-passo para desenvolvimento de páginas web, começando pelos fundamentos de HTML e CSS e evoluindo para conceitos mais complexos como posicionamento, formulários e JavaScript.
3. O documento fornece todos os recursos necessários para aprender a desenvolver
[1] O documento apresenta uma aula sobre a tag HTML <frameset> para dividir a janela do navegador em partes e exibir vários arquivos HTML simultaneamente.
[2] São mostrados exemplos de código HTML utilizando a tag <frameset> para dividir a janela em linhas, colunas ou grade, e a tag <frame> para especificar qual página HTML será exibida em cada parte.
[3] É explicado como criar um arquivo index.html com dois conjuntos de <frameset> aninhados para dividir a janela do
Desenvolvimento Web 02 - David Arty - SENACDavid Arty
O documento discute as camadas da web, especificamente HTML, CSS e JavaScript. Explica que HTML é usado para estruturar e apresentar conteúdo, CSS é usado para estilizar a apresentação e JavaScript é usado para adicionar comportamentos dinâmicos.
O documento discute as vantagens de se usar Java para desenvolvimento web, incluindo sua flexibilidade, orientação a objetos, integração e comunidade. Também apresenta diversas tecnologias como JPA/Hibernate, JSF, EJB e JBoss para construção de aplicações web com Java. Por fim, fornece informações sobre um curso presencial de Java Web que aborda essas tecnologias.
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3 Cristofer Sousa
Este documento apresenta um workshop sobre fundamentos de interfaces e desenvolvimento web. O workshop é dividido em 15 módulos que cobrem tópicos como HTML, CSS, semântica, estrutura básica de páginas, formatação de texto, imagens, links, listas e posicionamento. O objetivo é ensinar as bases de HTML5 e CSS3 para criação de sites e páginas web.
O documento resume vários artigos sobre HTML5. Apresenta as principais mudanças trazidas pelo HTML5 como novas tags semânticas que melhoram a acessibilidade e a estrutura do código, novas APIs para mídia e formulários e compatibilidade aprimorada entre navegadores. Também discute técnicas para garantir compatibilidade do HTML5 em navegadores mais antigos.
O documento resume uma palestra sobre HTML5, CSS3 e JavaScript que ocorrerá em 17 de outubro de 2022. Apresentará conceitos básicos dessas tecnologias como tags, elementos, estrutura básica de páginas web e exemplos de códigos.
Este documento fornece uma visão geral de um curso de desenvolvimento web e apresenta os principais tópicos a serem abordados, incluindo HTML, CSS, JavaScript, frameworks e conceitos como protocolo HTTP e servidores web.
Aula 05 ferramentas para autoria de produtos multimídia iiFábio Costa
Este documento discute a estrutura e formatação de páginas web usando HTML e CSS. Inclui explicações sobre como estruturar corretamente um documento HTML, usar marcações semânticas como tags de títulos e parágrafos, e estilizar o conteúdo usando uma folha de estilos externas CSS.
Aula 05 ferramentas para autoria de produtos multimídia iiFábio Costa
Este documento discute a estrutura e formatação de páginas web usando HTML e CSS. Ele explica como estruturar corretamente um documento HTML, incluindo as tags <html>, <head> e <body>. Também discute como usar marcações semânticas como <h1>, <p> e <img> e como estilizar o conteúdo usando uma folha de estilos CSS externa ou interna.
O documento descreve como funcionam as aplicações web. 1) Os clientes como computadores, tablets e telefones acessam conteúdo de um servidor web através da internet. 2) Os clientes utilizam navegadores web como Chrome e Dreamweaver para acessar os conteúdos. 3) Para criar conteúdo web em HTML e CSS não é necessário entender todo o funcionamento da internet, mas algumas noções básicas são úteis.
1) O documento introduz os padrões HTML, SGML e HyTime que deram origem à linguagem HTML.
2) HTML usa etiquetas entre sinais de menor e maior para formatar texto, e os elementos podem ter atributos.
3) Há editores de texto e WYSIWYG para criar documentos HTML.
Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010Eduardo Bertolucci
1. O documento apresenta um trabalho sobre HTML, CSS e JavaScript desenvolvido por Eduardo Bertolucci para a disciplina de Tópicos Especiais em Desenvolvimento de Sistemas da UNOPAR.
2. O trabalho contém seções sobre HTML, CSS e JavaScript onde são apresentados exemplos de códigos e explicações sobre os principais elementos e propriedades dessas tecnologias.
3. O documento termina com referências bibliográficas.
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxLuiz Antonio
O documento discute a evolução da web, desde suas origens estáticas até a web dinâmica e interativa de hoje. Apresenta as principais tecnologias por trás do desenvolvimento web, como HTML, CSS e JavaScript. Explica também os modelos de desenvolvimento em camadas e a importância dos padrões da W3C.
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...Uni Buscapé Company
O documento discute os conceitos básicos de HTML, incluindo:
1) O que é HTML e como é usado para estruturar páginas da web;
2) As principais tags HTML como <head>, <body>, <h1>, <p>, <img>;
3) Como adicionar estilos a páginas HTML usando CSS.
O documento fornece instruções sobre como criar um site web, incluindo: 1) as linguagens usadas para marcação (HTML), estilização (CSS) e lógica (JavaScript); 2) a estrutura básica de um arquivo HTML; 3) exemplos de DOCTYPE para diferentes versões do HTML.
O documento discute a linguagem HTML5, incluindo suas principais características e como criar um site simples usando HTML e CSS. O documento fornece instruções passo a passo sobre estrutura básica de HTML, elementos semânticos do HTML5, estilização com CSS e desafio de criar um site de artista com imagem, lista de músicas e links.
O documento fornece uma introdução aos fundamentos da arquitetura da Web. Resume os principais conceitos como:
1) A plataforma da Web é baseada no protocolo HTTP e na comunicação entre cliente e servidor;
2) As tecnologias do lado do cliente incluem HTML, CSS e JavaScript para estrutura e interatividade das páginas;
3) As tecnologias do lado do servidor incluem CGI, APIs e scripts para processamento dinâmico de requisições.
Curso de Java (Parte 6) Introdução a Front-endMario Sergio
Este documento fornece uma introdução aos principais conceitos de front-end web, incluindo HTML, CSS e JavaScript. Inclui exemplos de código e links para referências adicionais.
1) O documento apresenta uma introdução ao HTML, incluindo elementos, atributos e estrutura básica de um documento HTML.
2) São descritos elementos como cabeçalhos, parágrafos, listas e hiperlinks, além de atributos como cores e alinhamento.
3) O documento fornece instruções sobre como editar, publicar e incluir informações em documentos HTML.
1) O documento apresenta uma introdução ao HTML, descrevendo elementos como tags e atributos.
2) São descritos editores HTML e como publicar documentos na web através de diretórios WWW.
3) A estrutura básica de um documento HTML é explicada, incluindo as seções <head> e <body>.
Este documento apresenta os conceitos básicos da linguagem HTML para iniciantes, incluindo a estrutura básica de uma página HTML, as principais tags como <div>, <span>, <h1-6>, <p>, <br>, âncoras, listas não ordenadas e ordenadas, inserção de imagens, formulários, entre outros. O documento também explica como estilizar páginas HTML com CSS e adicionar dinamismo com JavaScript.
O documento discute os principais aspectos de desenvolvimento de sites, incluindo escolha de ferramentas, linguagens de programação, bancos de dados, estrutura, padrões web, acessibilidade e testes.
Introdução ao Desenvolvimento front-end (2019)Gustavo Teodoro
Este documento fornece um mapa de aprendizado para desenvolvimento front-end, resumindo as tecnologias fundamentais de HTML, CSS e JavaScript, incluindo conceitos como semântica, estilo, interação, seletores, declarações, tipos de dados, objetos, arrays e funções. O documento também discute APIs como DOM, geolocalização, canvas e como JSON é usado para troca de dados entre sistemas.
Semelhante a Curso de Desenvolvimento Web - Módulo 01 - HTML (20)
O documento discute como as cidades podem se tornar mais sustentáveis através do uso de tecnologias. Ele explica o que é uma cidade inteligente e fornece exemplos de como sensores e sistemas conectados estão sendo usados em cidades como Songdo na Coreia do Sul e no Rio de Janeiro para melhorar a infraestrutura e responder a problemas. O documento também discute oportunidades criadas pelos dados abertos e Internet das Coisas para o desenvolvimento de soluções urbanas sustentáveis.
Escrevi este mini curso de PHP que abrange desde o nível inicial básico até o intermediário/avançado. Este mini curso foi apresentado durante o evento WISM 2013, organizado pela PUC Minas Poços de Caldas, MG.
Pauta:
1. Introdução ao PHP;
2. Configuração do ambiente para desenvolvimento;
3. Variáveis em PHP;
4. Comandos Condicionais e Controle de fluxo;
5. Controle de fluxo: Switch;
6. Controle de fluxo: Laços de repetição;
7. Arrays em PHP;
8. Funções em PHP;
9. PHP e Banco de Dados MySQL;
10. PHP Orientado a Objetos;
11.Visão Geral: Frameworks PHP;
Este documento apresenta um mini curso sobre Arduino ministrado pelo professor Rodrigo Santa Maria. O curso inclui uma introdução ao Arduino, seus modelos, sensores, programação e projetos práticos.
Apresentação e agenda do evento oficial do Google Developers Group de São João da Boa Vista, chamado Agenda do 2 GDG Connect. Realizado em Agosto de 2015 no auditório da UNIFAE, universidade de São João da Boa Vista, SP.
Este documento descreve um evento de desenvolvedores organizado pelo GDG Capítulo São João da Boa Vista. Ele inclui informações sobre os organizadores, palestrantes e assuntos, como privacidade em redes sociais e desenvolvimento de jogos para Android. O objetivo é promover o desenvolvimento de tecnologia da informação através de oportunidades educacionais e de networking para a comunidade local de desenvolvedores.
Este documento descreve o lançamento oficial do Google Developer Group (GDG) de São João da Boa Vista. Apresenta o organizador Rodrigo Santa Maria e explica que um GDG é um grupo local de desenvolvedores interessados nas tecnologias do Google que se reúnem para compartilhar conhecimento. O evento contará com palestras sobre ferramentas do Google.
Palestra apresentada pelo Prof. Rodrigo Santa Maria sobre Boas Práticas em Segurança da Informação, durante a Semana de Empreendedorismo da UNIFEOB, em parceria com o SEBRAE SP, no dia 30/09/2014.
2. Sobre o Prof. Rodrigo Santa Maria
S Bacharel em Ciência da Computação (PUC Minas);
S Especialista com MBA Internacional em Gerenciamento de
Projetos (FGV/Ohio University, USA);
S Professor Universitário (UNIFEOB);
S Micro-empresário da área de TI;
S Acesse: www.digitallymade.com.br
S E-mail: rodrigo@digitallymade.com.br
3. Sobre o Prof. Rodrigo Santa Maria
S Analista/Desenvolvedor de aplicações desde 2000;
S Ex-IBMer (de 2009 a 2013);
S Diretor-Presidente/Co-fundador do Instituto Internacional
de Ideias;
S Fundador do Google Developers Group São João da Boa
Vista;
4. “Você precisa correr cada vez mais rápido,
apenas para continuar no mesmo lugar.”
Lewis Carroll
O Profissional de TI
5. Visão Geral
S Ao final deste curso, você será capaz de:
S Criar páginas HTML5;
S Utilizar folhas de estilo CSS3;
S Utilizar JavaScript e o framework jQuery;
S Criar páginas com funcionalidades Ajax;
S Utilizar frameworks como o Bootstrap;
6. Desenvolvimento Web
MÓDULO 01
S Pauta:
Ø Introdução ao Desenvolvimento Web
Ø Introdução à comunicação na internet
Ø O protocolo HTTP
Ø As páginas da internet
Ø O servidor web (Apache)
Ø O ambiente de desenvolvimento e nossas ferramentas
Ø HTML Base
Ø Tags HTML
Ø Exercícios
8. S O cliente (navegador web) requisita uma página ao servidor.
S O servidor web responde a requisição com a página requisitada e
a envia ao cliente.
Cliente
(Navegador Web) Servidor Web
Armazenamento
(HD)
Armazenamento
(Banco de Dados)
Requisição
Resposta
Comunicação na Internet
9. S Hypertext Transfer Protocol (HTTP) é o protocolo
utilizado para enviar e receber informações na web.
S É baseado em requisições e respostas entre clientes e
servidores.
S Exemplo de requisição HTTP:
S GET / HTTP/1.1
S Foi criado especificamente para a World Wide Web.
Protocolo HTTP
10. S Os clientes de uma conexão HTTP são os browsers
(navegadores).
S São capazes de enviar requisições em protocolo HTTP e
processar os retornos recebidos, exibindo as páginas da
web.
S Exemplos: Google Chrome, Internet Explorer, Edge,
Mozilla Firefox, Opera, etc.
Clientes HTTP
11. S São serviços HTTP que disponibilizam as páginas na
Internet.
S Exemplos:
S Apache HTTP Server
S Microsoft Internet Information Services
S Nginx
Servidores HTTP
12. S São codificadas em linguagem HTML (HyperText
Markup Language, que significa Linguagem de
Marcação de Hipertexto).
S Possuem ligações de hipertexto.
S São hospedadas por um servidor web.
Páginas da Internet
13. Vantagens
S Portabilidade da solução no lado do cliente.
S Facilidade de deployment.
S Facilidade de manutenção, restauração e
atualização da aplicação.
14. Desvantagens
S Número expressivo e crescente de dispositivos
diferentes com acesso a web (computação ubíqua).
S Compatibilidade entre browsers.
S Novos desafios para a Engenharia de Software:
S Metodologias voltadas para o desenvolvimento web.
S Computação Concorrente.
15. Execução no Cliente (Browser)
S HTML
S CSS
S Tableless
S JavaScript
S XML
17. HTML
S Hyper Text Markup Language
S Especificação definida pelo consórcio W3C: http://www.w3.org/
S Um arquivo html contém marcadores (tags)
S Estes marcadores indicam para o navegador (browser) como a
página deve ser apresentada
S Marcadores usualmente vem em pares: <tag>...</tag>
S Também podem aparecer de forma abreviada: <tag
atributo=“valor” ... />
19. Estrutura HTML
S Um documento HTML válido precisa seguir
obrigatoriamente a estrutura composta pelas tags <html>,
<head> e <body> e a instrução <!DOCTYPE>. Vejamos
cada uma delas:
S A tag <html>
S Na estrutura do nosso documento, antes de tudo, inserimos
uma tag <html>. Dentro dessa tag, é necessário declarar
outras duas tags: <head> e <body>. Essas duas tags são
"irmãs", pois estão no mesmo nível hierárquico em relação à
sua tag "pai", que é <html>. <html> <head></head>
<body></body> </html>
20. Estrutura HTML
S A tag <head>
S A tag <head> contém informações sobre nosso documento que
são de interesse somente do navegador, e não dos visitantes do
nosso site. São informações que não serão exibidas na área do
documento no navegador.
S A especificação obriga a presença da tag de conteúdo <title>
dentro do nosso <head>, permitindo especificar o título do nosso
documento, que normalmente será exibido na barra de título da
janela do navegador ou na aba do documento.
21. Estrutura HTML
S Configuramos qual codificação utilizar em nosso
documento por meio da configuração de charset na tag
<meta>. Um dos valores mais comuns usados hoje em dia é
o UTF-8, também chamado de Unicode. Há outras
possibilidades, como o latin1, muito usado antigamente.
S O UTF-8 é a recomendação atual para encoding na Web
por ser amplamente suportada em navegadores e editores de
código, além de ser compatível com praticamente todos os
idiomas do mundo. É o que usaremos no curso.
S <meta charset="utf-8">
22. Estrutura HTML
S A tag <body>
S A tag <body> contém o corpo do nosso documento, que é
exibido pelo navegador em sua janela. É necessário que o
<body> tenha ao menos um elemento "filho", ou seja, uma
ou mais tags HTML dentro dele.
23. A instrução DOCTYPE
S O DOCTYPE não é uma tag HTML, mas uma instrução
especial. Ela indica para o navegador qual versão do HTML
deve ser utilizada para renderizar a página. Utilizaremos <!
DOCTYPE html>, que indica para o navegador a utilização
da versão mais recente do HTML - a versão 5, atualmente.
S Usaremos:
S <!DOCTYPE html>
25. HTML - Tags Básicas
Tag Descrição
<html> Define um documento HTML
<body> Define o corpo de um documento
<h1> ... <h6> Define cabeçalhos 1 a 6
<p> Define um parágrafo
<br> Insere uma quebra de linha
<hr> Define uma linha horizontal
<!-- --> Define um comentário
26. HTML - Tags de Formatação
Tag Descrição
<b> Formata um texto em negrito
<big> Formata um texto com fonte maior
<em> Formata um texto com ênfase
<i> Formata um texto em itálico
<small> Formata um texto com fonte pequena
<strong> Formata um texto em destaque
<sub> Formata um texto subscrito
<sup> Formata um texto sobrescrito
<ins> Formata um texto sublinhado
<del> Formata um texto anulado
27. HTML Entidades
S Utilizadas para apresentação de caracteres
especiais em html. Ex.: “<“
Saída Descrição Nome da Entidade Número
Espaço sem quebra  
< Menor que < <
> Maior que > >
& E comercial & &
" Aspas " "
' Apóstrofo ' (não funciona no IE) '
28. HTML Links e Imagens
S <a href=“www.pucpcaldas.br”>Página PUC</a>
S Página da PUC
S <a name=“endereco”>Como Chegar</a>
S Trecho da página que informa detalhes sobre localização
S <a href=“www.pucpcaldas.br#endereco”>
Localização</a>
S Localização
S <img src=“logo.png” alt=“Logo da PUC”/>
29. HTML Tabelas
<table border="1">
<thead>
<tr>
<th>Coluna 1</th>
<th>Coluna 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>linha 1, valor 1</td>
<td>linha 1, valor 2</td>
</tr>
<tr>
<td>linha 2, valor 1</td>
<td>linha 2, valor 2</td>
</tr>
</tbody>
</table>
30. HTML Background e Fontes
S Formas de se definir um background preto para o
corpo da página
S <body bgcolor="#000000">
S <body bgcolor="rgb(0,0,0)">
S <body bgcolor="black">
S Definindo uma imagem de fundo
S <body background="logo.gif">
S <body background="http://www.pucpcaldas.br/bg.gif">
S Configurando uma fonte
S <font size="2" face="Verdana">Texto com fonte específica.</
font>
31. HTML Formulários
S HTML possibilita a criação de formulários online utilizando tags
S A tag <form> é a mais comum e permite a criação de um formulário de
entrada de dados
<body><form>
Nome: <input type="text" name="firstname"><br />
Sobrenome: <input type="text" name="lastname"><br />
Senha: <input type="password" name="senha">
</form></body>
32. HTML Formulários
S Tipos que podem ser utilizados com a tag <input type=“?”>:
S button: Insere um botão
S checkbox: Insere um checkbox; para vários itens, basta inserirmos vários
“inputs” deste tipo
S file: Insere botão seleção de arquivo através de uma caixa de diálogo
S hidden: Campo pertencente ao formulário, mas que não será exibido na
página
S image: Insere uma imagem como um botão submit
S password: Insere um campo password (caracteres digitados não aparecem)
S radio: Insere um radiobox (análogo ao checkbox)
S reset: Restaura os valores iniciais do formulário
S submit: Encaminha os dados inseridos para algum arquivo
S text: Insere um campo de edição de texto
33. HTML Formulários
S Quando algum elemento do tipo “submit” é inserido num
formulário e acionado, seus dados são enviados para um arquivo.
S O arquivo mencionado é indicado pelo atributo “action” do
elemento <form>.
S Este arquivo deverá estar armazenado num servidor web
(Apache, Tomcat, IIS, ...), e estará escrito em alguma linguagem
de programação de servidores (server-side):
php, jsp, asp, sevlets, ...
35. HTML
Outras tags de Formulários
Tag Descrição
<form> Define um formulário para entrada do usuário
<input> Define um campo de entrada
<textarea> Define um campo texto com múltiplas linhas
<label> Define um label para algum controle
<fieldset> Desenha uma caixa em torno de um conjunto de elementos
<legend> Define um título para um <fieldset>
<select> Cria uma lista drop-down
<optgroup> Criar uma hierarquia nas opções de uma lista drop-down
<option> Uma opção na lista drop-down
<button> Insere um botão. Difere de <input> por poder conter algum
conteúdo, como uma imagem
36. HTML Listas Não Ordenadas
S Uma lista não ordenada é uma lista de itens. As listas de
itens são marcadas com bullets (tipicamente pequenos
círculos pretos).
S Uma lista não ordenada começa com a tag <ul>. Cada item
da lista começa com a tag <li>:
<ul>
<li>Café</li>
<li>Leite</li>
</ul>
37. HTML Listas Ordenadas
S Uma lista ordenada é também uma lista de itens. As listas
de itens são marcadas com números.
S Uma lista ordenada começa com a tag <ol>. Cada item da
lista começa com a tag <li>.
S <ol>
<li>Café</li>
<li>Leite</li>
</ol>
38. Meta Tags HTML
S Meta Tag é um comando implementado no código de
páginas web, dentro da área Head do site (entre as tags
<head> e </head>) para passar instruções a programas
externos ou ações mais simples, como por exemplo
informar qual a pessoa responsável pelo desenvolvimento da
página. Algumas Meta Tags são utilizadas para passar aos
sites de busca como o Bing e o Google instruções sobre o
título da página e uma breve descriçao a ser exibida nos
resultados de busca, quais páginas devem ou não ser
indexadas, dentre outras instruções.
39. Meta Tags HTML e SEO
S Meta Tags são uma importante ferramenta de comunicação
entre o webmaster e os sites de busca. Para muitas pessoas,
porém, SEO é apenas isso, Meta Tags. Isso está longe de
ser verdade. O Google utiliza perto de 250 variáveis para
determinar os resultados de busca, e as meta tags são apenas
algumas delas.
40. Meta Tags HTML e SEO
<html>
<head>
<title>Aprendendo sobre as meta tags </title>
<meta name="author" content="Erika Sarti”>
<meta name="description" content="Meta Tags - O que são e como
utilizá-las”>
<meta name="keywords" content="sites, web, desenvolvimento”>
</head> ...
42. Estrutura de Arquivos
S Como todo tipo de projeto de software, existem algumas
recomendações quanto à organização dos arquivos de um
site.
S Não existe obrigatoriedade ou padrão específico a seguir,
pois pode variar com cada projeto, mas recomenda-se criar/
seguir um padrão qualquer que seja.
43. Estrutura de Arquivos
S Como um site é um conjunto de páginas Web e é comum
todos os arquivos de um site estarem dentro de uma só pasta
e, assim como um livro, é recomendado que exista uma
"capa", uma página inicial que possa indicar para o visitante
quais são as outras páginas que fazem parte desse projeto e
como ele pode acessá-las, como se fosse o índice do site.
S Esse índice, não por coincidência, é convenção adotada pelos
servidores de páginas Web. Se desejamos que uma
determinada pasta seja servida como um site e dentro dessa
pasta existe um arquivo chamado index.html
44. Estrutura de Arquivos
S Dentro da pasta do site, no mesmo nível que o index.html, é
recomendado que sejam criadas mais algumas pastas para
manter separados os arquivos de imagens, as folhas de estilo
CSS e os scripts.
45. Editores e IDEs
S Existem editores de texto como Gedit (www.gnome.org),
Sublime (http://www.sublimetext.com/) e Notepad++
(http://notepad-plus-plus.org), que possuem realce de
sintaxe e outras ferramentas para facilitar o
desenvolvimento de páginas. Há também IDEs (Integrated
Development Environment), que oferecem recursos como
autocompletar e pré-visualização, como Eclipse e Visual
Studio.
S Neste curso utilizaremos o Eclipse PDT, uma versão do
Eclipse modificada para desenvolvimento web e PHP.
47. Exercícios
S Preparar uma página que inclua os seguintes elementos:
S título com o nome dos alunos;
S texto com um pequena saudação;
S Incluir na página anterior as seguintes informações:
S autor;
S palavras-chave.
S Fazer com que a página tenha três parágrafos:
S a saudação já existente;
S uma descrição da sala de aula;
S uma descrição da roupa de um colega ao lado.
48. Exercícios
S Incluir headers (<H1>) para cada um dos parágrafos.
S Formatar o nome do colega (que aparece no parágrafo da
roupa) de forma a aparecer: todo o nome em ênfase, com o
sobrenome adicionalmente forte (strong).
S Inserir em sua página a poesia "Batatinha quando nasce...",
em destaque (<BLOCKQUOTE>), e se lembrando de
mudar de linha onde requerido.
49. Exercícios
Criar uma lista como a seguinte:
• Pais
• João Silva
• Maria Silva
• Irmãos
• João Silva Jr.
• Maria Aparecida Silva
• José Silva
• Primos
• Nenhum
• Cores Favoritas Preto
1. Branco
2. Cinza