9. Frameworks – ORMObject/Relational Mapping Código independente de linguagem SQL; Melhor desempenho; Clareza do Código; Facilidade de Manutenção; Separação de Modelos e Controles; Aumento de Segurança.
11. Frameworks – ORMObject/Relational Mapping Exemplo usando Doctrine: $user = new User(); $user->load(123); $user->nome = “Nhonho Barriga e Pesado"; $user->save(); $novo_user = new User(); $novo_user->nome = "Chaves do Oito"; $novo_user->idade = 12; $novo_user->email = "chavito@sbt.com.br"; $novo_user->save();
12. Frameworks – MVCModel View Controler Separação Modelos, Controles e Interface de usuário; Melhoria de desempenho; Reusabilidade de código; Organização; Aumento na segurança.
29. HTML - HiperText Markup LanguageTags <head> <title> Define o Título da Página. <meta> Define configurações do documento: Ex. Codificação de caracteres. <script> Marca o inicio e fim de códigos Javascript. Podendo também ligar aquivos Javascript. <style> Marca o inicio e o fim de códigos CSS. <link> Realiza a ligação da página com outros arquivos: Ex. CSS e Feed(XML).
30. HTML - HiperText Markup LanguageTags <body> <p></p> Define um parágrafo. <table></table> Define uma tabela. <div></div> Define uma divisão. <form></form> Define um formulário. <img> Adiciona uma imagem. <a></a> Adiciona um Link.
31. HTML - HiperText Markup LanguageDoctype HTML 4.01 Strict, Transitional, Frameset <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN“ "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> XHTML 1.0 Strict, Transitional, Frameset <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> XHTML 1.1 DTD <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
32. HTML - HiperText Markup LanguageExemplo <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" > function preenche(){ $("#nome").text("Carlos"); $("#idade").text(26); $("#altura").text(1.83); } </script> </head> <body> <div id="nome"></div> <div id="idade"></div> <div id="altura"></div> <a href="javascript:void(0);" onClick="preenche();">Clique aqui</a> </body> </html>
34. CSS - Cascading Style SheetsSelectors (Seletores) Tags; Definido apenas com o nome da Tag Atributo “Id”; Definido pelo simbolo Sustenido (#) Atributo “Class”; Definido por um Ponto (.)
35. CSS - Cascading Style SheetsSelectors (Seletores) TAGS <style rel=“stylesheet” type=“text/css”> body{ background-color: black; font-family: Verdana; color: white; } </style> <body> <p>Olá FATEC ZONA LESTE</p> </body> Olá FATEC ZONA LESTE
36. CSS - Cascading Style SheetsSelectors (Seletores) ID <style rel=“stylesheet” type=“text/css”> #fatec{ color: #FF0000; } </style> <body> <p id=“fatec”> Olá FATEC ZONA LESTE </p> <p>SEM ESTILO</p> </body> Olá FATEC ZONA LESTE SEM ESTILO
37. CSS - Cascading Style SheetsSelectors (Seletores) CLASS <style rel=“stylesheet” type=“text/css”> .azul{ color: #0000FF; } </style> <body> <p class=“azul”> Olá FATEC ZONA LESTE </p> <p>SEM ESTILO</p> <p class=“azul”>COM ESTILO</p> </body> Olá FATEC ZONA LESTE SEM ESTILO COM ESTILO
51. Browsers...Motores de Renderização Google Chrome – Webkit (with lasers) Mozilla Firefox – Gecko Opera – Presto Safari – Webkit Internet Explorer – Trident