Inleiding tot responsieve webontwikkeling met HTML en CSS
Een cursus van Javier Usobiaga Ferrer , webdesigner
Lid geworden in april van 2015
Leer de basis van Frontend Web Development
Lid geworden in april van 2015
Breng uw ontwerp naar de browser! In deze cursus leert Javier Usobiaga je webpagina's te maken met de meest fundamentele tools: HTML en CSS. Je leert je eigen code te schrijven en je verandert de manier waarop je het web ziet (en ontwerpt), begrijpt hoe het van binnen werkt en hoe je een responsief web ontwerpt om effectiever te zijn. En als design niet jouw ding is, kan deze cursus een goede basis zijn om te starten in de wereld van Front-end Web Development.
Wat leer je tijdens deze online cursus?
31 lessen & 13 aanvullende bronnen
- 98% positieve beoordelingen (2.5K)
- 50.489 studenten
- 31 lessen (2u 18m)
- 13 aanvullende bronnen (9 bestanden)
- Online en in je eigen tempo
- Beschikbaar in de app
- Audio: Spaans, Engels, Frans, Italiaans, Portugees, Türkçe
- Spaans · Engels · Portugees · Duits · Frans · Italiaans · Pools · Nederlands · Türkçe
- Niveau: Beginner
- Onbeperkte toegang voor altijd
Wat is het cursusproject?
Het uiteindelijke project bestaat uit het creëren van een responsieve webpagina (het web van een fictieve cafetaria) op basis van een ontwerp dat wordt geleverd als een synthese van de verschillende onderwerpen die we tijdens de cursus zullen zien.
Projecten van studenten van de cursus
Voor wie is deze online cursus bedoeld?
Aan al die mensen die een basiskennis van HTML en CSS willen verwerven, of ze nu ontwerper zijn of niet.
Vereisten en materialen
Voor deze cursus heb je geen grote technische of ontwerpkennis nodig. Je hebt een computer en een gratis code-editor nodig.
Beoordelingen
Javier Usobiaga Ferrer
Een cursus van Javier Usobiaga Ferrer
Javier Usobiaga is een webdesigner en FrontEnd-ontwikkelaar, al meer dan 10 jaar en mede-oprichter samen met Marta Armada van de Swwweet-studio, gespecialiseerd in het ontwerpen van responsieve webs vanaf de eerste conceptie tot de front-end ontwikkeling.
Hij geniet ook van zijn rol als Web Design-leraar in gerenommeerde workshops en scholen zoals Elisava, IDEP.
Usobiaga begrijpt het web in zijn geheel, niet alleen hoe mooi het op het computerscherm kan zijn, maar ook de bruikbaarheid ervan in verschillende apparaten en omstandigheden.
In zijn woorden: "Ik denk dat net zo belangrijk als esthetiek is hoe snel het laadt of hoe goed het reageert, en het lijkt mij dat we dat in onze branche vaak vergeten".
Inhoud
-
U1
Introductie
-
Presentatie van de cursus en het project
-
Het web: HTML, CSS en JS
-
Code-editor. Maak een project. Bewerkingsomgeving
-
Inspector- en ontwikkelaarstools
-
-
U2
HTML-structuur
-
HTML-tags en attributen
-
Tekstlabels
-
Afbeeldingen en links
-
Bloklabels
-
Documentlabels
-
-
U3
Aan de slag met CSS
-
Koppel een CSS-bestand en CSS-syntaxis
-
Basiskiezers
-
Typografische stijlen
-
Specificiteit en structuur in stylesheets
-
Geavanceerde selectors: de pseudo-klassen
-
-
U4
Structuren in CSS
-
Browserstijlen en CSS resetten
-
Het doosmodel
-
Displays
-
drijft
-
Positie
-
-
U5
CSS decoratie
-
Stijlen voor lijsten
-
Rand, grensradius en doosschaduw
-
Achtergronden en achtergrondafbeeldingen
-
Weblettertypen
-
-
U6
Responsieve technieken
-
Responsief ontwerp en Mobile First
-
Flexibele structuur
-
De mediavragen
-
Responsieve navigatie
-
-
U7
Interactie toevoegen
-
E-maillink
-
Overgangen in CSS
-
Een JavaScript-bestand koppelen
-
Navigatie met toegevoegd JavaScript
-
-
EP
Eindproject
-
Responsieve webontwikkeling met HTML en CSS
-
Wat kan je verwachten van een cursus van Domestika
-
Leer in je eigen tempo
Geniet van thuis leren, zonder lesroosters en in je eigen tempo. Jij beslist wanneer je verder gaat met het volgende onderdeel.
-
Leer met de beste professionals
Leer de meest bruikbare methoden en technieken van de beste professionals in de creatieve industrie.
-
Ontmoet deskundige docenten
Iedere docent brengt kennis met passie over, biedt duidelijke uitleg en een professioneel perspectief bij elke les.
-
Certificaten
PlusAls Plus-lid krijg je voor elke cursus een persoonlijk certificaat, ondertekend door je docent. Deel het in je portfolio, op social media of waar je maar wilt.
-
Zorg dat je op de voorste rij zit
Dankzij de hoge kwaliteit van de video's mis je geen enkel detail. Dankzij de onbeperkte toegang kun je de lessen zo vaak bekijken als nodig is om je vaardigheden te perfectioneren.
-
Deel kennis en ideeën
Stel vragen, krijg feedback en bied oplossingen aan. Deel je leerervaringen met andere studenten in de community die net als jij een passie hebben voor creativiteit.
-
Maak contact met een wereldwijde creatieve community
Deze community heeft miljoenen gebruikers van over de hele wereld, nieuwsgierig en enthousiast om hun creativiteit te verkennen en te uiten.
-
Geef cursussen op een professionele manier
Domestika selecteert zorgvuldig haar docenten en produceert iedere cursus in eigen huis om een uitstekende online leerervaring te garanderen.
Veelgestelde vragen
Yes, this course is designed for beginners and requires no prior web development knowledge. You’ll start from scratch learning how to structure and style webpages with HTML and CSS.
All you need is a computer, internet access, and a free code editor like Brackets or Sublime Text, both of which are introduced in the course. No previous experience needed.
You’ll learn how to build functional webpages, style them with CSS, create responsive mobile-friendly sites, and add basic interactivity with JavaScript. You’ll also build your own web portfolio.
The course covers HTML structure, tags, attributes, CSS styling, responsive design, file organization, inspection tools, differences between HTML4 and HTML5, and modern layout techniques.
Yes, the course includes responsive design techniques with CSS so your sites look great on any screen size or device.
You’ll learn how to create HTML files from scratch, name them correctly (like index.html), and save them within the recommended folder structure for web projects.
Yes, while Brackets is recommended and other options like Sublime Text are compared, you’re free to use any editor that supports HTML and CSS files.
Es muy detallado solo que al final me gustaria un tutorial que uniera todas las piezas del rompecabezas, aunque sea de forma basica, hay tutoriales en youtube gratis mejor estructurados, aun asi tiene muchas cosas que resultan faciles de entender si eres principiante.
Me costó entenderlo, es un poco denso.
Muy muy muy malo videos cortos solo dice cosas muy por encima no se explica nada no indica como instalar el editor y los hojas de css no las explica bien realmente Decepcionado que lastima el dinero que perdi
fácil de seguir,
i like a this course