#Desenvolvimento Web

Esta disciplina tem como objetivo apresentar as tecnologias necessárias para construção de uma Aplicação Web em três camadas.

##Bibliografia ###Bibliografia Básica

• SOARES, Walace. PHP 5 - Conceitos, Programação e Integração com Banco de Dados. Editora Érica, 2005.
• SILVA, Osmar J. JavaScript Avançado: Animação, Interatividade e Desenvolvimento de Aplicativos. Editora Érica, 2003.

###Bibliografia Complementar

• Manuais do PHP. Disponíveis em http://www.php.net
• Manuais do MySQL. Disponíveis em http://www.mysql.com

##Comunicação Toda a comunicação será realizada neste grupo do google.

##Avaliações ###Provas Prática

• Avaliação 01: HTML e CSS.
• Avaliação 02: JS.
• Avaliação 03: PHP.

###Trabalho

• Projeto: A especificação do projeto.

A nota final será computado através da média aritmética das avaliações, removendo a menor nota das avaliações.

#Material

Portais de desenvolvimento Web

• Web Platform
• MDN
• W3C
• W3C Wiki
• Tableless

HTML

• Conteúdo
  • Tutoriais
    • Web Platform
    • MDN
    • http://www.codecademy.com/tracks/web
    • https://www.codeschool.com/paths/html-css
    • http://thecodeplayer.com/
  • HTML5
    • Formulário: http://html5doctor.com/html5-forms-input-types/
    • Testando suporte: http://html5test.com/
    • Exemplos: http://html5demos.com/
    • Recursos: http://platform.html5.org/
  • Validador: http://validator.w3.org/
• Referências
  • HTML Standard - WhatWG
  • HTML 4.01 e 5(1 e 2)
  • W3C - HTML: 1 e 2
  • HTML WG W3C
  • Doctype: Web Plataform e w3school
  • Marcadores/Tags: Web Plataform, MDN e W3C
  • Browser Engine
• Cheat Sheet
  • http://ult-tex.net/info/html/index.html
  • http://churchm.ag/html-cheat-sheets-in-your-face/
  • http://dochub.io/#html/
  • http://overapi.com/html/
  • http://devdocs.io/html/

##CSS

• Conteúdo
  • Tutoriais:
    • Web Platform CSS Portal
    • Web Palatorm CSS Guide
    • MDN CSS Portal
    • MDN CSS Guide 1 e 2
    • W3C Guide
    • http://www.csszengarden.com/
  • User style sheet
    • Stylish
    • http://userstyles.org/
  • Herança e Cascata
    • http://docs.webplatform.org/wiki/tutorials/inheritance_and_cascade
  • Bases e Geradores de Background
    • Background
      • http://subtlepatterns.com/
      • http://www.backgroundlabs.com/
      • http://bg.siteorigin.com/
      • http://mudcu.be/bg/
      • http://all-free-download.com/free-vector/free-professional-website-background.html
    • Strip
      • http://www.stripegenerator.com/
      • http://www.stripemania.com/
    • Textura e padrões
      • http://www.grsites.com/archive/textures/
      • http://bgpatterns.com/
      • http://www.cgtextures.com/
    • CSS3
      • http://www.colorzilla.com/gradient-editor/
      • http://www.cssmatic.com/gradient-generator
      • http://www.css3factory.com/linear-gradients/
      • http://westciv.com/tools/gradients/index.html
      • http://css3generator.com/
      • http://lea.verou.me/css3patterns/
    • http://singlefunction.com/15-online-background-generators/
  • Sprite CSS
    • http://www.spritecow.com/
    • http://spritepad.wearekiss.com/
    • http://www.spritebox.net/
    • http://csssprites.com/
  • Web Font:
    • http://www.google.com/fonts e https://developers.google.com/fonts/docs/getting_started
    • https://typekit.com/fonts
  • Layouts
    • http://www.oswd.org/
    • https://wrapbootstrap.com/
    • http://startbootstrap.com/
    • http://envatomarketplaces.com/
    • http://themeforest.net/category/all
    • http://html5up.net/
    • http://templated.co/
    • http://html5up.net/
    • http://www.templatemonster.com/
• Referências
  • W3C - CSS: 1 e 2
  • CSS WG
  • Cascading Style Sheets Level 2 Revision 1 (CSS 2.1)
  • MDN Reference
  • W3C wiki
  • Stackoverflow
  • W3Schools
  • Propriedades: W3C, W3C e Web Platform
  • Media Query: W3C media, Web Platform e W3C media query
  • Seletores: CSS3, CSS2.1, W3C e Web Platform
  • At-rule: Web Platform
  • Função: Web Platform
• Cheat Sheet
  • http://www.smashingmagazine.com/2009/07/13/css-3-cheat-sheet-pdf/
  • http://www.1stwebdesigner.com/freebies/css-cheat-sheets-designers/
  • http://dochub.io/#css/
  • http://overapi.com/css/
  • http://devdocs.io/css/

JS

PHP

MySQL

Network Tool (Monitoring & Management)

Tool

• Nagios
• Zabbix
• Cacti
• Webmin
• ntop
• Net-SNMP
• RRDtool
• MRTG
• Webalizer
• Kali Linux
• Traceroute, Ping, Domain Name Server (DNS) Lookup, WHOIS
• Linux Network Monitor
• 20 Command Line Tools to Monitor Linux Performance
• How do I Find Out Linux CPU Utilization?
• How can I monitor bandwidth usage?
• 20 Linux System Monitoring Tools Every SysAdmin Should Know
• A List Of Best System Monitoring Applications
• 10 Free Server & Network Monitoring Tools that Kick Ass
• Comparison of network monitoring systems
• CAIDA Tools
• Network Monitoring Tools

Ideias de projetos

• linux-dash
• linux-stats-dashboard
• dashboard
• phpsysinfo
• phpservermon
• php-cpu-monitor

Ferramentas

• Editores
  • Sublime Text com Package Control e Emmet(1 e 2)
  • Atom
  • Brackets
  • http://codepen.io/
  • http://jsfiddle.net/
  • http://js.do/
  • http://jsbin.com/
• Documentação off-line:
  • http://devdocs.io/
  • http://dochub.io/#html/
  • http://overapi.com/
• Web Developer Tool
  • Firefox
  • Chrome