Front end development - Les 01

Les 01: De wondere wereld van het Internet.

Front-end development

Wie ben ik?

Jeroen Hulscher (25), Rijswijk

Oud CMD-student, afgestudeerd in 2007.
Multimedia Engineering (huidige FED) , sinds vorig jaar part-time docent

Werkzaam sinds januari 2007 bij Tam Tam in Delft
Lead Front-end developer & Adviseur Nieuwe Media

2


Agenda van vandaag

 Korte kennismaking
 Kennismaking met FED @ HRO
 Geschiedenisles
 Quiz
 Installatie-ronde

3


Wat is Front-end Development?

4


10 geboden (of nouja…9)

 Theorie- en Praktijkdeel.
 Praktijkdeel is de start van het “huiswerk” + verdiepingsslag.

 Inleveren huiswerk 24 uur voor aanvang van de les.
 Altijd op je studentspace inclusief aanpak en broncode.
  Altijd de lesstof lezen voor aanvang van de volgende les (4 uur in theorie)

  Beoordeling op basis van een deel van je huiswerk (!)

 Twee keer afwezig in een kwartaal = vak niet gehaald.
 Laptops alleen tijdens praktijkdeel open.
 Werk kopieren is niet toegestaan (duh...)
5


Literatuur

6


Agenda van vandaag

 Geschiedenisles
 Quiz

7


“Where shall I begin, please your Majesty?”

“Begin at the beginning”, the King said gravely, “and go on till
you come to the end: then stop.”

~ Alice’s Adventures in Wonderland; Lewis Caroll

8


Sputnik 1, 1957
‘s Werelds eerste satteliet

9


ARPA Inc., 1967
Creatie van “ARPANet”

10


CERN, 1991
Tim Berners Lee schrijft over de “hyperlink” en “World Wide Web”

11


<a href=”http://www.google.com”>Google</a>

12


<a href=”http://www.google.com”>Google</a>
<a href=”http://www.askjeeves.com”>Ask Jeeves</a>

13


Internet voor de massa

14


Browser wars

15


Browser wars

16


Browser wars

17


Browser statistieken

68% marketshare
(IE6, IE7, IE8)

23%
(FF2, FF3)

Safari 3,6%, Chrome 2,1%, Opera 2%,
Netscape 0.6%, Overige browsers 0.4%

18


Browser bugs

Firefox 3 Internet Explorer 6

19


Standaarden voor het Internet
(tried since 1994)

20


Hoe werkt dat dan?

Mag ik www.google.nl?

Jij (client) Oh, je bedoelt 92.148.10.104, alsjeblieft! Internet (server)

21


Hoe werkt dat dan?

Client checkt altijd eerst voor index.html

dus

docent.cmd.hro.nl/huljl
is eigenlijk
docent.cmd.hro.nl/huljl/index.html

22


Agenda van vandaag

 Geschiedenisles
 Quiz

23


Quiz

 (X)HTML  PHP
 DNS  A List Apart
 CSS  W3C validator
 URI  Web standards
 FTP  Javascript
 PHP  <h2>
 Adobe Flash  <p>

24


Agenda van vandaag

 Geschiedenisles
 Quiz

25


To-do-list

 Connectie met Eduroam maken
 links op: docent.cmd.hro.nl/huljl/herfst01.html
 Aptana Studio downloaden
 Firefox 3 downloaden
Web Developer Toolbar add-on toevoegen
Firebug add-on toevoegen
FireFTP add-on toevoegen

 FTP connectie met studentenserver maken
 Huiswerk in de loop van de week op de FTP zetten

26


FTP instellingen

27


Huiswerk
 Hoofdstuk 1 + 2 van CSS & HTML Web Design lezen
 Opera Curriculum stukken lezen
 Modulewijzer lezen (zijmenu op de website)
 Tekstbrij op docent.cmd.hro.nl/huljl/herfst01.html “opmaken”
 Huiswerk op studentenserver plaatsen als volgt:

public.www jaar1 herfst fed week1 index.html

Lukt het niet (24 u voor volgende les)
 email jeroen@tamtam.nl
 bel 06 15 88 02 65

 Lukt het niet, en niet gemaild/gebeld is Cola Light (of liever Zero)
halen voor mij
28


29


30


31

Front end development - Les 01

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

Similar to Front end development - Les 01

Similar to Front end development - Les 01 (20)

Front end development - Les 01