Onderwerp: Ervaring

Hoi allemaal,

Ik ben Timon, ik ben 14 jaar oud. Ik heb me verdiept in programmeren, en ik snap veel van HTML & CSS, en van JS een beetje. Ik gebruik NotePad ++ als editor.
Het 'probleem' is nu dat ik de meeste dingen wel snap qua functie(bijv. For/If/While loops). Maar aan de andere kant snap ik helemaal niks van wat ik er nou mee kan, waarschijnlijk mis ik gewoon erg veel ervaring. Ik hoop dat mijn vraag een beetje duidelijk is. Beter geformuleerd: Hoe doe ik(op een creatieve manier) ervaring op?

PS: Ik ben zo'n persoon die overal graag overzicht over wil houden.

Heel kort gezegd bouw je ervaring op door te doen.

Maar wat is er nog leuk om te doen? Dit ligt een beetje aan jezelf. Waar liggen je interesses?

Zelf zou ik een leuk Open Source project uitkiezen en je daar eens in verdiepen. Bijvoorbeeld door voor een CMS een template te maken. Je bent dan bezig met HTML en CSS, maar ook met de diverse loops.

Als je dat kunt, probeert je er steeds andere dingen bij te doen.

Een andere manier is het zoeken van een klein project, en daar een leermeester voor te vinden die je veel kan vragen.

Met programmeren is het kwestie van doen, veel oefenen en ervaring op doen.

Kijk bijvoorbeeld eens naar codecademy.

Heb je ook al ervaringen met andere talen dan JavaScript, denk hierbij aan PHP, Java enz.

Indien je nog meer ervaringen met JS wil vergaren zou je kunnen kijken naar het ontwikkelen van een game. Je kunt hierbij denken aan de standaard 2D-spellen. Op die manier kun je jouw kennis en vaardigheden verder uitbreiden en oefenen met de verschillende concepten.

Een andere mogelijkheid is om je te storten op programmeertalen. Hierbij kun je denken aan Java of gelijkwaardige talen. Het ontwikkelen van een Android app die verschillende informatie bronnen combineert en toont kan een eerste uitdaging vormen. Je kun tegelijkertijd ook denken aan een simpel game die gebruik maakt van de verschillende sensoren in een toestel.

Veel succes!


Verzonden vanaf mijn iPad met behulp van webhostingtalk

Ik zou zeggen kijk naar de shows van coding 101 (http://twit.tv/show/coding-101), daar wordt stap voor stap de basis van diverse programmeer talen uitgelegd. Iedere week is er iets nieuw dat aan bod komt en zo heb je tijd om dingen te testen en als je nu begint loop je nog niet zoveel achter (9 lessen) .

En zoals de andere zeggen, leer je uit het gewoon doen en example files of door te kijken hoe andere programma's in elkaar zitten. Er is meer dan 1 manier om iets te doen en iedereen heeft zo zijn eigen idee welke de beste methode/manier is. Wat je ook kunt doen is verschillende frameworks downloaden en hiermee spelen, denk bijvoorbeeld bij javascript aan jquery, prototype, ... bij php aan codeigniter, fuelphp, ... bij ruby aan ruby on rails (ror), ... bij python aan django, ... en zo kunnen we nog een hele lijst vullen. Het voordeel van frameworks te gebruiken is dat de meeste basis zaken al voor je gedaan zijn zoals database connecties, array/json opbouw, encryptie/decryptie, sanitize van gegevens, ...

Oorspronkelijk geplaatst door frajaweb

Heb je ook al ervaringen met andere talen dan JavaScript, denk hierbij aan PHP, Java enz.

Indien je nog meer ervaringen met JS wil vergaren zou je kunnen kijken naar het ontwikkelen van een game. Je kunt hierbij denken aan de standaard 2D-spellen. Op die manier kun je jouw kennis en vaardigheden verder uitbreiden en oefenen met de verschillende concepten.

Een andere mogelijkheid is om je te storten op programmeertalen. Hierbij kun je denken aan Java of gelijkwaardige talen. Het ontwikkelen van een Android app die verschillende informatie bronnen combineert en toont kan een eerste uitdaging vormen. Je kun tegelijkertijd ook denken aan een simpel game die gebruik maakt van de verschillende sensoren in een toestel.

Veel succes!


Verzonden vanaf mijn iPad met behulp van webhostingtalk

Ik heb al eens gekeken naar PHP, maar ik snap nooit zo goed het verschil tussen die 2, want de code leek mij niet zo heel erg verschillend. Toch?

Oorspronkelijk geplaatst door asusk7m550

Heel kort gezegd bouw je ervaring op door te doen.

Maar wat is er nog leuk om te doen? Dit ligt een beetje aan jezelf. Waar liggen je interesses?

Zelf zou ik een leuk Open Source project uitkiezen en je daar eens in verdiepen. Bijvoorbeeld door voor een CMS een template te maken. Je bent dan bezig met HTML en CSS, maar ook met de diverse loops.

Als je dat kunt, probeert je er steeds andere dingen bij te doen.

Een andere manier is het zoeken van een klein project, en daar een leermeester voor te vinden die je veel kan vragen.

Thanks voor de tips, ik ga er zeker naar kijken. Waar zou ik iemand kunnen vinden die mij dit wil leren?

Oorspronkelijk geplaatst door Smashmint

Met programmeren is het kwestie van doen, veel oefenen en ervaring op doen.

Kijk bijvoorbeeld eens naar codecademy.

Jup, helaas, heb ik van Codecademy alle HTML & CSS en JS lessen al af. Ik zal zometeen aan het einde van dit bericht nog een vraag stellen die met dit te maken heeft.

Oorspronkelijk geplaatst door The-BosS

Ik zou zeggen kijk naar de shows van coding 101 (http://twit.tv/show/coding-101), daar wordt stap voor stap de basis van diverse programmeer talen uitgelegd. Iedere week is er iets nieuw dat aan bod komt en zo heb je tijd om dingen te testen en als je nu begint loop je nog niet zoveel achter (9 lessen) .

En zoals de andere zeggen, leer je uit het gewoon doen en example files of door te kijken hoe andere programma's in elkaar zitten. Er is meer dan 1 manier om iets te doen en iedereen heeft zo zijn eigen idee welke de beste methode/manier is. Wat je ook kunt doen is verschillende frameworks downloaden en hiermee spelen, denk bijvoorbeeld bij javascript aan jquery, prototype, ... bij php aan codeigniter, fuelphp, ... bij ruby aan ruby on rails (ror), ... bij python aan django, ... en zo kunnen we nog een hele lijst vullen. Het voordeel van frameworks te gebruiken is dat de meeste basis zaken al voor je gedaan zijn zoals database connecties, array/json opbouw, encryptie/decryptie, sanitize van gegevens, ...

Kan je mij meer informatie over die frameworks geven? Van wat het verschil is met gewoon de 'basis' programmeer taal. En die filmpjes ga ik zeker volgen, heb er net een gekeken! Leuk!

Nou, wat eig. nu echt de vraag is. Ik wist namelijk niet hoe je het moest stellen eerst. 'Wat heeft alles met elkaar te maken en wat doet 'iets'?' Als ik nou als voorbeeld neem een for loop. Dan denk ik bij mijzelf: leuk, top, geweldig, ik kan tot 100 tellen(van wat ik heb geleerd op codecademy). Maar waarvoor wordt het gebruikt? Geen idee... Net als een arrays, while loops, if/else loops en ga zo maar door. Je kan het zeg maar vergelijken met bakstenen. Ik heb nu allemaal kleine losse bakstenen. Maar ik wil alles aan elkaar te linken(vastmaken) met beton. Maar ik heb geen idee wat je ervoor nodig hebt, hoe het moet etc.

Hoop dat jullie dit zo'n beetje begrijpen, ik weet dat het een beetje vaag is.

Groetjes,

Timon

Probeer de kennis die je hebt opgedaan eens in praktijk te brengen.

Als je bijvoorbeeld graag met PHP wilt werken kun je een simpel gebruiker registratie systeem of een forum waar je berichten kunt posten proberen te maken.
Dan kom je ook vanzelf tegen waar je arrays, while loops, if/else constructies voor kunt gebruiken.

Oorspronkelijk geplaatst door AFCA_Timon

Kan je mij meer informatie over die frameworks geven? Van wat het verschil is met gewoon de 'basis' programmeer taal.

Om het even simpel uit leggen is een framework je ruwbouw waar jij zelf nog de afwerking en inrichting mag doen. Zo heeft een framework al bepaalde classes en functies ingebouwd zodat je dit zelf niet meer hoeft te programmeren, denk hierbij aan database connecties, template parsers en tal van andere zaken. Om het even over javascript te hebben kun je dus alles zelf maken in je functies of gebruik maken van jquery en bvb gewoon "$("#id").insertHTML('blabla');" gebruiken. Als we het over php hebben kun je ook zelf een database connectie opzetten, die dan testen, dan gebruik maken van een tabel, dan je input controleren op fouten, dan je input omzetten naar een query en uitvoeren of met een framwork gewoon connectie maken, en query uitvoeren aan de hand van je gegevens en dan doet de framework de rest zoals het omzetten naar echte database query en de controle (sanitization) van je gegevens.

Oorspronkelijk geplaatst door AFCA_Timon

Nou, wat eig. nu echt de vraag is. Ik wist namelijk niet hoe je het moest stellen eerst. 'Wat heeft alles met elkaar te maken en wat doet 'iets'?' Als ik nou als voorbeeld neem een for loop. Dan denk ik bij mijzelf: leuk, top, geweldig, ik kan tot 100 tellen(van wat ik heb geleerd op codecademy). Maar waarvoor wordt het gebruikt? Geen idee... Net als een arrays, while loops, if/else loops en ga zo maar door. Je kan het zeg maar vergelijken met bakstenen. Ik heb nu allemaal kleine losse bakstenen. Maar ik wil alles aan elkaar te linken(vastmaken) met beton. Maar ik heb geen idee wat je ervoor nodig hebt, hoe het moet etc.

Om in je loop voorbeeld te blijven kun je bvb iets hebben als:

Code:

$test_array = array("peer", "appel", "kiwi", "aardbei", "banaan");
foreach ($test_array as $item => $value) {
    echo $item.") ".$value." <br/>\n";
}

Waar je met de foreach (voor elk item) een aparte echo (toon op scherm) per item krijgt. De reden waarom dit handig kan zijn is om bvb een lijst uit een database op je website te tonen.
Het verschil tussen for, foreach, while is niet zo moeilijk uit te leggen, bij een for ga je uit van een vast aantal of tel je eerst het aantal, bij een foreach doe je een for loop op elk item en bij while loop je tot een bepaalde conditie true (waar) is.

Het verschil tussen for & foreach op mijn bestaand voorbeeld:

Code:

$test_array = array("peer", "appel", "kiwi", "aardbei", "banaan");
foreach ($test_array as $item => $value) {
    echo $item.") ".$value." <br/>\n";
}

for ($x=0;$x<=2;$x++) {
    echo $x.") ".$test_array[$x]." <br/>\n";
}

for ($x=0;$x<2;$x++) {
    echo $x.") ".$test_array[$x]." <br/>\n";
}

De foreach toont alle items ongeacht hoe lang of kort de array is, de 1ste for toont enkel de eerste 3 items (0,1,2) [x is kleiner dan of gelijk aan 2], de 2de for toont enkel de eerste 2 items (0,1) [x is kleiner dan 2]. En zo kun je spelen met groter dan om bvb de eerste 2 niet te tonen.

Een voorbeeld van while kan bvb zijn:

Code:

$x = 0;
$random = rand(0, 20);
while ($random != "6") {
    $x++;
    $random = rand(0, 20);
    echo "Loop nr: ".$x." - Random getal: ".$random."<br/>\n";
}

Je loop kan dus stoppen na 4 keer of het kan evengoed na 62 keer zijn of 15 keer of ...., dit kun je onder andere gebruiken bij input velden op een scherm. Bijvoorbeeld: "Geef een getal op" of "druk op een letter" of "druk op enter" wanneer die waarden dus false (onwaar) zijn stel de vraag opnieuw, is het true (waar) en dus een correcte input ga verder. Of een ander voorbeeld kan zijn toon "Gegevens worden geladen..." tot wanneer je procent variable 100 is en stop de loop en ga verder.

Deze voorbeelden zijn in php, maar uiteraard is de logica van toepassing op eender welke programmeertaal, alleen zal de code opmaak er dan iets anders uitzien.

Volgens mij is TS op zoek naar echte toepasselijkheid van de PHP / JS en niet zo zeer appels en peren te tellen (niks mis daarmee hoor ;-))

Zoals vele voor mij al gezegd hebben, moet je veel doen doen doen - zodoende bouw je ervaring.

Kort door de bocht, PHP is een *server* taal en JS is een *cliënt* taal. Oftewel PHP word uitgevoerd op de server en resultaat word doorgegeven aan cliënt (bijvoorbeeld een browser) - terwijl JS uitsluitend aan de kant van de cliënt 'draait' en niet op de server. Een van de vele voordelen van JS is dat je server niet 'lastig' hoeft te vallen met allerlei berekeningen / code - nadeel is is dat het 'beperkt' is in wat JS voor jou kan doen.

Ten slotte, real-life voorbeeld van een loop;
hier op de forum zit jij nu deze reacties van ons te lezen. Elke reactie wordt bewaard in de database met daarin inhoud van de reactie, naam van degene die het geschreven heeft, tijdstip en tot welke onderwerp reactie behoort.

Met PHP wordt dan, wanneer je deze pagina opent alle reacties uit database opgezocht en in een array gezet. Vervolgens gaat array in de loop (for / foreach of while of hoe dan ook) en voor zolang er reacties gevonden zijn, worden ze op de scherm getoond (opgebouwd met HTML).

Maar loop kan ook anders ingezet worden. Bijvoorbeeld om spammers op de forum tegen te gaan, zou er een PHP script elke 5 minuten uitgevoerd kunnen worden (automatisch). Deze script zou tellen aantal reacties per topic en wanneer er meer dan bijvoorbeeld 20 reacties in 5 minuten tijd zijn (en je telt ze door een loop te halen bijvoorbeeld, niet echt efficiënt maar kan) - dan stuurt PHP automatisch een e-mail naar de moderators om na te kijken wat er aan de hand is. In deze voorbeeld is er geen interactie tussen server en cliënt (browser), maar is het uitvoerende resultaat van de PHP een verzonden e-mail.

Dan kort over de JS; JS zou je kunnen toepassen in de 'snel reactie' veld waarin ik deze reactie schrijf. Logische wijze is het zinloos om een lege reactie te plaatsen, dus er dient controle te zitten of er reactie überhaupt geschreven is. Dan zou je met PHP volledige pagina kunnen controleren, wat door server zelf gebeurt en neemt wel ietwat server resources in beslag. Maar, je kan ook met JS aan de cliënt zijde (in de browser zelf) kunnen controleren of het veld leeg is - en indien leeg dan 'stopt' de script zelf (met een mededeling op de scherm) op de computer van de cliënt zelf en wordt er niks uitgevoerd op de server. Nogmaals, dit is een erg basale voorbeeld van wat JS kan - het kan veel meer, maar dit is puur om jouw een idee te geven.

Oefenen, doen, doen doen en dan kom je er wel ;-)

@The-BosS Dankjewel voor je reactie, nu snap ik ook wat het verschil is tussen alle loops, maar sommige loops verschillen niet erg veel van elkaar, nietwaar?
Ik dacht al dat het PHP was, omdat ik ff moest uitzoeken wat alles betekent. Maar ik kwam er uit hoor.

@SmileBG ik zal vanmiddag ff kijken wat er nou precies allemaal achter deze website zit (ff html kopieren enzo). Ik heb op NotePad++ gekeken of je een PHP file kon 'opslaan' maar dit kon dus blijkbaar niet. Na wat verder zoeken vond ik dat je je eigen server(Localhost als ik me niet vergis) moest maken. Maar hoe moet je dat dan weer verbinden met HTML & JS? Hetzelfde ook voor JS, hoe moet ik daarmee met HTML verbinden? In HTML kan je natuurlijk de <script> tags gebruiken. Maar voor de overzichtelijkheid alles apart .
En wat jij zegt over PHP en JS is dat JS sneller werkt omdat de code van PHP eerst door de server moet, niet? Dus is het het beste om alles wat je met JS kan met JS te doen en de rest met PHP?

Dank jullie allebei, ik kom hier zeker mee verder! Zeker met de videos.

Timon

Ohja, heeft iemand nog een idee wat ik zou kunnen 'bouwen'? Graag dat ik het van simpel naar complex kan bouwen.

Nogmaals, bedankt iedereen die hier op heeft gereageerd!

Als je PHP door de server wil laten verwerken (parsen), dan moet de server wel weten dat het document dat je aanroept PHP-code bevat. De server herkent dit normaliter door de extensie van het bestand. Een bestand dat eindigt op .php, wordt dus door de PHP-engine geparsed. Daarbij worden in principe alleen de regels code tussen <?php (begin) en ?> (eind) geparsed. Buiten die tags kun je eventueel nog HTML of JS kwijt, maar dat is wel een rommelige manier van werken. Beter is het om PHP netjes de HTML en overige output te laten genereren (bijv. met echo's).

Als je langer bezig bent en meer ervaring opdoet bij grotere projecten, dan kom je erachter waarom netjes werken zo belangrijk is. Je verliest namelijk anders het overzicht en je software (die misschien wel is opgebouwd uit 100 verschillende scripts) wordt erg log en moeilijk up te daten. Daarom werken mensen met classes, includes, arrays etc. Zorg dat je dingen modulair opbouwt, dat wil zeggen dat je het project in "blokjes" opbouwt, die later individueel gewijzigd kunnen worden en waar later ook nog blokjes bij of af kunnen.

Beginnen zou ik met een contactformuliertje, dan eens proberen om een formulier dingen in een database te laten opslaan en dan eens kijken wat je met die data allemaal kunt doen (bijv. een agenda?). Succes!

Eén van mijn eerste eigen projectjes met PHP was een gastenboek, maar dat is tegenwoordig natuurlijk hopeloos ouderwets Ik denk dat een contactformulier, zoals Cybafish voorstelt, een goed startpunt is. Mocht je wat meer uitdaging willen, dan kun je ook beginnen met een weblogscript dat je steeds uitbreidt.

Zo begin je met een kleine admin, waarbij je een nieuwe blog kan aanmaken. Vervolgens moet je de index maken (of in welke volgorde jij het liefste werkt), waarop je één of meerdere blogs laat zien. Dan zou je kunnen denken om categoriën te maken of personen de mogelijkheid te geven om te reageren op blogposts.

Ik denk dat je met het bovenstaande als beginner toch snel een aantal weekjes zoet bent om alles uit te zoeken. Vergeet ook niet de veiligheid van je script in de gaten te houden, dat is één van de belangrijkste punten. Een regel dat ik altijd gebruik bij het programmeren: Don't trust the user. Het klinkt misschien heel raar, maar het gaat erom dat een gebruiker ook een hacker kan zijn met kwaadaardige bedoelingen. Ga er dus nooit vanuit dat wat iemand invult ook altijd goedaardig is.

Ik zou zeggen: Probeer eens een forumscript te schrijven. Zeer eenvoudig om mee te beginnen, zeer lastig om fatsoenlijk te beveiligen en zeer leuk (en frustrerend) om er achter te komen dat er meer bij komt kijken dan je vooraf dacht (de opmerking van ArjenN "Don't trust the user" is hier zeer op zijn plek).

Op die manier kom je denk ik met veel verschillende loopjes e.d. in aanraking en kun je vanaf daar verder gaan kijken. De enige manier om dit echt te leren is om er gewoon mee van start te gaan en het te gaan gebruiken.

Ik zal eens beginnen met gewoon maar iets uit te proberen. Dan heb ik nog 1 vraag: hoe link je PHP en JS aan de HTML files?
Erg bedankt!