Mijn progressie als beginnend Webdeveloper

Door Panja gepubliceerd op Friday 28 September 12:13

Mijn progressie als beginnend Webdeveloper. In dit artikel wil ik graag mijn progressie/ervaringen delen over hoe ik met webdevelopment begon.

In dit artikel wil ik graag mijn progressie/ervaringen delen over hoe ik met webdevelopment begon. Hierin wordt veel verteld over de scripts die ik heb geleerd/aan het leren ben. Er zullen mensen zijn die het niet goed kunnen volgen, maar het kan dan ook vooral als inspiratie voor beginnende webdevelopers zijn, of diegene die gewoon eens uit interesse willen weten wat zoiets is, hoe het is om zoiets te leren. Lees meer over scripting en webdevelopment in mijn ander artikel : Wat is Webdevelopment. Tussendoor laat ik foto’s zien van mijn eerste sites die ik maakte om te oefenen. (deze staan niet online)

Mijn interesse in webdevelopment steeg enorm toen ik alles meekreeg van een vriend. Hij vertelde me over het vak, de vrijheid wat je erin hebt, wat je er allemaal mee kunt doen (de websites). Vanaf die tijd heb ik meegekeken en is mijn interesse enorm gegroeid. Ik wilde dit ook gaan doen en hier mijn beroep van maken. Vanaf die tijd heb ik me ervoor ingezet en ben ik begonnen met webdevelopment. Hij deed ook aan webdesign wat ik ook geweldig vind, maar het zijn eigenlijk weer 2 verschillende dingen, waar je beide de aandacht voor moet hebben en het rustig van moet leren.
Ik ben dus van plan eerst webdevelopment te leren en dan webdesign erachter aan. Want zou het mooi vinden als ik niet alleen websites zou kunnen opbouwen en beheren, maar ook zelf de designs ervan zou kunnen maken.

Zelfstandig thuis leren

Ik zit al bijna 2 jaar niet meer op school, en ben ook niet van plan nog naar school te gaan. Dus leer ik dit zelf vanuit het internet en de boeken. Een thuis-studie via NHA of LOI vond ik ook niks. Heb er slechte ervaringen over gehoord. Zelfstandig leren is hard leren sinds er niemand richtlijnen voor je heeft wat je met school wel hebt. Via school krijg je allerlei boeken, opdrachtboeken waar je je kennis mee kan uittesten, en leraren die het makkelijker uitleggen dan het boek. Dit moet ik dus helemaal zelf doen waardoor het een stuk moeilijker is. Toch heb ik een beetje me weg gevonden en sites gevonden waar ik het ook allemaal kan vinden en leren. Op deze tutorial sites heb ik de meeste tijd op gezeten om de basis te leren kennen. Een hele informatieve site is artsmixer.com hier heb ik vele tips gelezen en veel dingen over alle scripts geleerd. Hier werd het me makkelijker uitgelegd.

Mijn eerste script.

Ik begon vorig jaar april/mei met mijn eerste script te leren. Dit was HTML. Hier heb ik ongeveer een paar maanden over gedaan voordat ik het een beetje onder de knie had. HTML is namelijk de eerste stap die je het beste kunt leren. Het is een eenvoudig makkelijk script dat snel geleerd wordt. Het is een belangrijk script omdat het de structuur van de site maakt. De eerste week snapte ik er helemaal niks van. Foto: mijn eigen eerste HTML script weergeeft mijn eerste site (foto hiernaast)

Wat ik nou allemaal had gelezen, ik had misschien wel de hele tutorials doorgelezen maar snapte nou niet echt hoe ik dit in de praktijk kon zetten, en wat ik ermee kon totdat ik ook filmpjes op youtube ging opzoeken en daar tutorials zag. Nu dat ik het zag wist ik al gelijk meer hoe het nu in z’n werking ging. Zo viel het kwartje ook sneller. Dat heeft me zeker een paar maandjes geduurd. Elke keer las ik de pagina’s door, schreef ze op om ze te onthouden, en probeerde ze dan zelf te maken. Foto: de html code hierboven geeft deze site als uitkomst.

HTML en andere scripts codeer je namelijk in een text-editor (tekstverwerker) zoals Kladblok, of Notepad++ hier schreef je de code in en die sloeg je op als bijvoorbeeld “homepagina.html” door .html erachter te zetten weet je dat er html code in geschreven is en voert dat script uit. Dan ga je checken of de browser wat weergeeft. Dit heb ik ook gedaan, zo heb ik kleine tekstjes geschreven in code, titels gemaakt,  plaatjes geplaatst en met tekstkleurtjes gespeeld.
Ik heb dus de codes uit me hoofd geleerd en toegepast in sites die ik offline heb staan en die alleen ik kan zien. (dus niet online op het internet).

Op een gegeven moment lukte dit en vond dat ik best verder kon met het volgende script te gaan leren.
Foto : de html code hierboven geeft deze site als uitkomst.

Het script waarmee je vormgeeft


Het volgende script was CSS. Dit begon ik rond eind Juni te leren. Dit was weer totaal een ander script. Met CSS maakte je de opmaak van de site. (de kleurtjes, de plaatjes, posities van teksten enz) Toch was het ook een best eenvoudig script om te leren, en leerde dit ook redelijk snel. Heb alles doorgelezen, en herhaald door het zelf te schrijven. Zo onthield ik alles sneller.

Foto : Een van mijn eerste HTML/CSS site. Al beter opgemaakt met kleur en navigatie, maar heeft nog geen goede posities.

Als je het CSS script had geschreven dat je achtergrondkleur blauw moet worden. Sla je het bestand op als “stylesheet.css” en check je in de browser of je achtergrondkleur blauw is geworden. Wat ik toenertijd niet begreep was dat ik CSS kon combineren met mijn HTML bestand. Elke HTML pagina wat ik had aangemaakt maakte ik een eigen CSS opmaakcode voor. Dit hoefde helemaal niet. Ik hoefde dan alleen maar een link te maken in mijn HTML code en de css bestandsnaam erin te plaatsen. Hij vond dan vanzelf via de bestandsnaam welke erbij hoorde. Je hoeft namelijk maar 1 css bestand te maken, die je kan koppelen aan alle pagina’s die je maakt. Het krijgt dan allemaal dezelfde opmaak.

Eerste proefsite maken


Toen ik dit onder de knie kreeg ben ik gaan proberen mijn eerste kleine proefsite te maken met html en css. Dit was 30 Juni 2011. Nu dat ik terug kijk lach ik me suf hoe weinig ik nog wist en hoe lelijk het design en de posities van alles was. Maar goed, daarom is het altijd mooi je proces te bewaren zodat je later terug kan kijken, en weer kan zien hoe je ooit begonnen bent. Foto: veelste klein en in een hoekje. Alles moet groter en verspreid worden. Wel alles op de goede plaats.

Een tijdje heb ik erover gedaan toen ik mijn eerste proefsite klaar had. Ofja klaar. Nouja totdat ik vastliep en niet meer wist wat ik ermee aan moest. Een heel tijdje heb ik het laten liggen en ben ik weer nieuwe gaan ontwerpen en zo ging ik door. Met Photoshop maakte ik ontwerpen. Die knipte ik dan in stukjes. Sloeg het op als plaatje in dezelfde map als mijn .html en .css bestanden, en voegde de bestandsnaam van het plaatje toe in OF mijn css bestand of html bestand. Hier ben ik een tijdje mee bezig geweest. Elke keer weer opnieuw een nieuwe site, en bij elke kwam ik een stuk dichterbij en wist ik wat beter hoe ik de codes moest maken.

Verkeerde keus

Mijn volgende stap was Javascript. Dit was weer héél wat anders en een stukje ingewikkelder. Het was anders van HTML en CSS. Hier ben ik mee begonnen in begin September. Dit snapte ik wel op een gegeven moment en heb ik ook geprobeerd in de browser, maar vond het erg moeilijk dit uit me hoofd te gaan leren. Ik denk een beetje naïef te zijn geweest, want ik wist dat dit moeilijker was en dacht later na dat ik misschien beter PHP had kunnen gaan leren en dan pas Javascript. PHP lijkt tenslotte een beetje op Javascript maar is eenvoudiger en dus makkelijker aan te leren. Dit advies heb ik dus opgevolgd van een kennis, en ben gelijk gestopt met Javascript.

PHP was makkelijker aan te leren, hiermee begon ik eind December. Het was voor mij inderdaad een stuk eenvoudiger als Javascript zoals me ook werd verteld. Toch ook nog anders van HTML en CSS maar het was goed te leren. Dit onthield ik makkelijker. Via filmpjes heb ik er ook heel veel baat bij gehad. Hier zocht ik op hoe ik een registratie formulier of een inlog formulier kon maken aan de hand van het PHP script die me dan de ingevulde gegevens van de ingevulde velden terug gaf.

Een jaar later

Inmiddels is het weer April en al die tijd ben ik bezig geweest met PHP aan te leren. Dit lukt aardig. Ik kan zelf registratie-formulieren maken, contact formulieren maken die je een automatisch bericht stuurt met je naam, volgende keer dat je weer op de site komt, inlog-formulier die je toegang geeft tot de pagina, en nog een paar andere snufjes. Verder ben ik vanaf Maart weer alles samen gaan combineren. Ik had nog nooit alle 3 de scripts gecombineerd in een site. Heb nu dus een paar proefsites gemaakt die formulieren heeft en info terug geeft, pop-ups met tekst erin enzovoorts.

Ik ben nu dus al bijna een jaar ermee bezig en ben trots op mezelf met wat ik al allemaal heb bereikt tot nu toe, vergeleken met de eerste paar maanden. Eerst kon ik nog niks, maar nu kan ik al redelijk een site maken met de scripts HTML, CSS en PHP. Alleen ben ik er nog lang niet zo zie je wel aan mijn designs van de site. Zien er nog niet professioneel uit. Er moet nog zoveel gebeuren wil je een mooie en dynamische site kunnen maken, met alles erop en eraan. Ik hoop dan ook  nog veel meer te leren hierin. Volgend jaar wil ik niet alleen informatieve sites waar je alleen over dingen kan lezen, maar actieve sites kunnen maken en beheren, met bezoekers die een eigen account kunnen hebben en actief mee kunnen doen op de site. Er moet dus nog hard gewerkt worden.

 

 

Reacties (4) 

Voordat je kunt reageren moet je aangemeld zijn. Login of maak een gratis account aan.
Bedankt voor alle reacties :) ik vind het inderdaad soms wel pittig maar vind het ook ontzettend leuk om te zien als ik iets heb gebouwd. Het vak is handig in veel opzichten. Je kan bijvoorbeeld een eigen webshop maken, of voor anderen. Het betaald zich ook goed als je er een beetje verstand van hebt :). Je kan natuurlijk ook een cursus pakken, persoonlijk is dit niks voor mij. Maar als je vertrouwen in jezelf hebt, en je wilt het proberen zou ik zeggen Ga ervoor!
goed artikel! ik zou graag zo een cursus volgen! dit artikel geeft mij zin om toch eens stappen te ondernemen om het echt te gaan doen! dikke duim
Pittige stof om te leren, succes ;)
Goed geschreven, zeer informatief en leuk om over je vorderingen te lezen.