Frontend programmeren : Mobiele Webapps

Gabriel Sanchez Cano

overzicht

De titels Frontend en Backend programmeren zijn beide uit modules opgebouwd en zijn complementair. Deze uitgave bestaat uit de volgende delen: - Deel 1 Inleiding HTML5 & CSS3 met Materials design - Deel 2 Inleiding JavaScript - Deel 3 OOP in JavaScript - Deel 4 Mobiele Apps met jQuery De opzet van deze tweede druk komt geheel overeen met de eerste druk. Een aantal foutjes zijn gecorrigeerd. Gratis BEX (Beoordelingsexemplaar) mogelijk voor docenten

 97890575240280 /  Brinkman /  2019 /  2de editie /  376p. /  pb / 

Frontend programmeren : Mobiele Webapps

Dubbelklik op de afbeelding voor groot formaat

Uitzoomen
Inzoomen

Meer afbeeldingen

Details

De titels Frontend en Backend programmeren zijn beide uit modules opgebouwd en zijn complementair.

Deze uitgave bestaat uit de volgende delen:

- Deel 1 Inleiding HTML5 & CSS3 met Materials design

- Deel 2 Inleiding JavaScript

- Deel 3 OOP in JavaScript

- Deel 4 Mobiele Apps met jQuery

De opzet van deze tweede druk komt geheel overeen met de eerste druk. Een aantal foutjes zijn gecorrigeerd.

Inhoudsopgave : 1

Basis HTML5 en CSS3—1

1.1 Inleiding 1

Evolutie van HTML 1

Lay-out en design van een webpagina 1

Van concept tot realisatie 2

De index of homepagina 2

Mappenstructuur van het project 3

HTML-editors 4

Geneste elementen 6

Browsers 7

Meta-elementen 8

Semantische elementen 10

Hiërarchie van elementen 11

id of class? 12

1.2 CSS3 134 Inleiding 14

CSS-syntaxis 15

Stijlen coderen 18

-stijlen 18

In-line-stijlen 18

De stylesheet 23

1.3 Webkleuren 29

1.4 Navigatie 33

Codering van de navigatie 33

Ontwerp van de navigatie 36

1.5 Logo 42

Codering van het logo 42

Design van het logo 44

1.6 Hoofd-content 46

Design van de hoofd-content 47

Browser-prefi x 48

1.7 Positionering 51

Relatieve positie 52

Lagen 56

1.8 Codering en design van de footer 60 Symbolen in HTML 61 

1.9 De playlist-pagina 62 Codering van playlist-pagina 63

Wat zijn events? 65

1.10 De formulierpagina 76

1.11 De contactpagina 86 Codering van de contactpagina 86

Design van de contactpagina 87

1.12 Responsive design 88

Grid-frameworks 89

Gridless 89

Voorbeeld van niet vloeiend design 89

Voorbeeld van vloeiend design 90

Responsive browser-knop 90

@media query 91

1.13 Material design 95

Materiaaleigenschappen 96

Materiaal met objecten 97

Licht en schaduw van objecten 98

Materiaalomvorming 98

Beweging en betekenis 99

Eigenschappen van objecten en schaduwen 100

Hiërarchie van objecten 101

Interactie 101

Beweging 101

1.14 Een material-design-sjabloon 104

Hoofdmenu 105

Het header-element 106

Translate3d 109

Het ~-teken 110

Tabs 112

Codering van de cards 114

1.15 Material-design-project 117

De website XtreemTravel 117

De welkomstpagina 118

De windsurfi ng-pagina 118

De mountainclimbing-pagina 119

De snorkelenpagina 119