Webontwikkelaar vanaf nul - cursus 72.900 wrijven. van Brunoiam, training 9 maanden, datum 27 november 2023.

instagram viewer

Blok 1 - Basisprincipes van webtechnologieën

• Persoonlijke doelen stellen voor de cursus
• Soorten sites, functionaliteit
• Stadia van het maken van websites, belangrijkste beroepen in de sector
• Netwerktechnologieën en internetprotocollen: TCP/IP, HTTP, HTTPS, FTP
• Hosting en domein, DNS-systeem
• Client- en servermodel
• De rol van de browser en code-editors
• Inrichten van uw werkruimte
• Versiebeheersystemen. Git

Blok 2 - HTML

• Inleiding tot HTML: tag- en attribuutconcepten
• HTML-tekstcodering
• Tags voor het vormen van tekst
• Hyperlinks en bestandsadressen
• Ankerlinks
• Link om te bellen en e-mailen
• Tabellen in HTML
• img-tag en zijn attributen. Regels voor het plaatsen van foto's. Beeldformaten: welke u moet kiezen

Blok 3 - CSS

• Basis CSS-syntaxis
• Belangrijkste soorten selectors: identificatiegegevens, klassen, pseudo-klassen
• Specificiteitspunten en regelprioriteiten
• Cascade en eigendomsvererving
• Contextuele en universele selector
• Tekst- en lettertype-eigenschappen in CSS
• Externe lettertypen aansluiten
• HEX- en RGB-kleuren. Een uniforme achtergrond toevoegen aan elementen. Achtergrondafbeelding voor de pagina, achtergrondinstellingen

Blok 4 - Blokmodel en webpagina-indeling

• Blok- en inline-elementen begrijpen
• Belangrijkste eigenschappen van blokken
• Hoe wordt de blokgrootte en doosgrootte berekend: border-box
• Wat is een blokmodel
• Blokken gebruiken om een ​​lay-out te bouwen
• Inline blokelementen
• eigenschap weergeven
• Verouderde methoden voor het construeren van een lay-out: weet het, kan niet worden gebruikt

Blok 5 - Lay-outs met meerdere kolommen met Flexbox

• Semantische tags voor lay-outontwerp
• Basisprincipes van Flexbox: containers en elementen
• Elementen uitlijnen langs de hoofd- en dwarsas
• Assen wijzigen en verticale uitlijning van elementen
• Problemen met het gebruik van Flexbox

Blok 6 - Basisprincipes van grafische editors voor lay-outontwerpers

• Werken met afbeeldingen: bijsnijden, bijsnijden
• Besparing: formaat, kwaliteit, gewicht
• Hoe de kleurcode te achterhalen
• Lettertypehulpmiddelen
• Voltooide CSS kopiëren
• Afstanden meten: gereedschap, instellingen
• Effecten en hun kopiëren
• Kaarten en video's insluiten

Blok 7 - Positionering

• Positioneringstypen: statisch, absoluut, relatief, vast
• Kenmerken van verschillende soorten positionering
• z-index en overlay-context
• Wanneer en hoe positionering te gebruiken
• Voorbeeld van een vervolgkeuzemenu met meerdere niveaus
• Typische positioneringsproblemen oplossen

Blok 8 - Feedbackformulieren

• Basisformulierelementen: invoer, selecteren, tekstgebied, knop
• Veldstatus en pseudo-klassen
• Selectie-elementen selectievakje, radio, selecteren
• Groeperingselementen: veldset en legenda
• Stijlen voor het tijdelijke pseudo-element
• Regels voor schrijfstijlen voor formulieren
• Stylingknoppen

Blok 9 - Responsief en adaptief webontwerp

• Concept van adaptief en responsief webdesign
• Mediavragen
• Viewport-opties en Meta-viewport-tag
• Problemen tussen browsers
• Geldigheid van de code, validators
• Kenmerken van sites met meerdere pagina's
• Lay-outregels voor SEO-promotie

Blok 10 - Animatie met HTML5 en CSS3

• Vloeiende overgangen voor het creëren van animatie-effecten
• Animatie met behulp van keyframes
• Transformatie van elementen
• Basisanimatie-elementen aan de site toevoegen 

Blok 11 - Basisprincipes van JavaScript

• Inleiding tot JavaScript
• Variabelen en gegevenstypen
• Wiskundige operatoren en typeconversie
• Logische operatoren
• Takken en voorwaardelijke verklaringen
• Ingebouwde functies voor gebruikersinteractie

Blok 12 - Loops en arrays in JavaScript

• Arrays
• Methoden voor het werken met arrays
• for en while-lussen
• Geneste arrays
• Werken met de console

Blok 13 - Functies

• Definitie van een functie. De pijlfunctie en de verschillen met de gebruikelijke. Functie-expressie en functiedeclaratie.
• Zichtbaarheidsgebied. Hoe het werkt. Lexicale omgeving.
• Timers en sluiting. Functies setInterval, setTimeout, clearInterval, clearTimeout. Wat is een sluiting en hoe kan deze worden gebruikt?
• Terugbelfuncties

Blok 14 - Objecten. DOM. Evenementen

• Objecten en woordenboeken. Hoe objecten te maken. Het sleutelwoord is dit. Objecteigenschappen ophalen, wijzigen en verwijderen. Links naar objecten.
• Overerving van prototypes. Hoe de overerving van eigenschappen en methoden werkt. Ontwerpers.
• Klassen. Definitie van klassen en gebruiksvoordelen. Uitbreiding van klassen. Privémethoden en publieke methoden. Getters en setters. Een voorbeeld van het maken van een programma met behulp van klassen en MVP-architectuur.
• DOM. Pagina-objectmodel en waarom dit nodig is. Elementen op een pagina zoeken en ophalen. Opsomming van elementen en basiseigenschappen.
• Evenementen

Blok 15 - Animatie en effecten in JavaScript

• JavaScript-animaties. CSS-eigenschappen van elementen wijzigen. Bezier-curve. Voorbeelden van animaties.
• Renderen in de browser. Geoptimaliseerde eigenschappen. requestAnimationFrame-functie.
• Bibliotheken met animaties

Blok 16 - Interactieve elementen

• Schuifregelaar
• Accordeon
• Tooltip

Blok 17 - Node.js

• Inleiding tot Node.js. Node.js-functies. Kort over de modules en hun doeleinden: fs, child_process, https.
• NPM. Basisopdrachten van de npm-pakketbeheerder. Het project initialiseren en de eerste pakketten installeren. package.json-structuur.
• Basisprincipes van Webpack. Waarom hebben we assembleurs nodig en welke fasen kunnen worden geautomatiseerd? Eerste Webpack-configuratie en build-automatisering: codeminificatie, module-aaneenschakeling en gebruik van de SCSS-preprocessor.
• SCSS-preprocessor. Voordelen van preprocessors. Een snel overzicht van de verschillen tussen sommige: SCSS, SASS, Less, post-css. Basisconstructies: variabelen, mixins, functies.

Blok 18 - Werken met de server

• Belofte-API
• Contact opnemen met de server en de klasse XMLHttpRequest
• methode ophalen
• Axios-bibliotheek

Blok 19 - Basisprincipes van reageren

• Componenten en JSX
• Componentconditie
• Haken
• Stylingcomponenten
• React-Router

Unit 20 - Basisprincipes van typescript

• Statisch typen
• Interfaces en typen
• Enum-typen

Blok 21 - Overzicht van de roadmap voor JS-ontwikkelaars

• Kort over hoe je je verder kunt ontwikkelen als ontwikkelaar en wat je moet studeren 

Blok 22 - Basisprincipes van PHP-programmeren

• Doel van servertechnologieën
• Lokale webserver en domein
• Dynamische webpagina's maken
• Het concept van CMS-systemen
• Website hosting
• FTP-protocol voor het downloaden van bestanden
• Samenvatten en afronden van het project

Bonustarief

Gratis cursus "Leren leren"

Wij geven elke student toegang tot deze cursus, zodat de training niet verloren gaat. Het probleem is dat mensen geen resultaat behalen uit training. Er zijn drie belangrijke redenen:

• Er zijn geen duidelijke doelen. En zelfs degenen die het belang van doelen begrijpen, doen het nog steeds niet. Ik wil van baan veranderen en een coole social media manager worden - geen doel, maar een verlangen. Met deze instelling zal het resultaat passend zijn.
• Halverwege stoppen met leren. Veel mensen vinden motivatie in de eerste week. Maar het is onmogelijk om het einde te bereiken. Omdat de hersenen niet graag regelmatig leren.
• Gebrek aan consistentie. Het is een vrij algemeen verschijnsel wanneer we informatie over een gekozen onderwerp oppikken, lukraak te werk gaan en als gevolg daarvan tevergeefs zijn.

Waarom hebben we deze drie redenen benadrukt? Omdat wij al 11 jaar lesgeven en feedback zien van studenten. Tijdens de cursus vertellen wij je hoe je al deze waardevolle kennis in het leven kunt toepassen.