Als u nooit hebt geleerd hoe u moet coderen, probeer dan Mozilla Webmaker voor leren en plezier

Is er iets dat codeerverschrikking heet? Of het programmeren van verlamming? Ik weet het niet echt ... ik ben sowieso geen vakjargon. Maar ik weet wel dat er velen onder ons zijn die in hersen limbo gaan wanneer iets technisch technisch hen in het gezicht staart. Ik begrijp het. Ik heb hetzelfde probleem met financiën en wetgeving. Maar niet met coderen of programmeren.

Als je wilt leren hoe het web echt werkt, moet je iets weten over de technologieën die de magie maken. Webgeletterdheid is een van de vaardigheden die bijna verplicht zijn voor het digitale tijdperk. Je maakt misschien niet de volgende geweldige app, maar het geeft je gewoon een beetje meer zelfvertrouwen. Bovendien is het web zelf een geweldige plek om over webtechnologieën te leren. Het is ook geen saaiheid.

Laat Mozilla Webmaker bewijs de laatste twee verklaringen. Laten we maken, leren en hacken.

Wat is Mozilla Webmaker?

Mozilla Webmaker is een verzameling hulpprogramma's en een bredere community met één hoofddoel: miljoenen mensen helpen om van te veranderen gebruik van het web naar het web maken.

Mozilla Webmaker is vorig jaar gelanceerd met als doel een webgeletterde planeet te creëren. Mozilla's uitvoerend directeur Mark Surman zegt het treffend: “Het web wordt de tweede taal van de wereld en een vitale 21ste-eeuwse vaardigheid”. Mozilla volgt de doelen op met een drieledige stuwkracht om een ​​wereldwijde open gemeenschap van studenten op te bouwen; presentatie van projecten en evenementen om de gemeenschap samen te geleren; en de community de authoring tools en software geven om er een succes van te maken. Kortom: ontmoeten, maken en leren.

Als iemand je vraagt, wat is dan Mozilla? Geef ze een zachte duw naar de Mozilla-startpagina en zeg dat het meer is dan Firefox.

De leermiddelen

Mozilla Webmaker presenteert drie tools en vertelt je om uit te gaan en iets geweldigs te maken met internet. Laten we naar ze kijken:

Vingerhoed

Vingerhoedje kan worden beschreven als uw eerste WYSIWYG-HTML-editor (wat u ziet is wat u krijgt). Zoals het bovenstaande scherm u kan vertellen, is het heel eenvoudig te begrijpen en zou het u moeten helpen gemakkelijk HTML en een beetje CSS te leren.

Hier zijn vijf dingen te doen op vingerhoedje:

1. Het ontwerp is eenvoudig - beginners in het achterhoofd houden. Het is een leermiddel, geen volwaardige code-editor.

2. U kunt helemaal opnieuw beginnen of een project kiezen. Projecten zijn hackbare webpagina's waarmee u een uitdaging kunt voltooien, leren hoe u een JavaScript-spel kunt bouwen of uw Tumblr-pagina kunt aanpassen.

3. U kunt projecten filteren op vaardigheid (moeilijkheidsgraad), onderwerp en de vereiste vaardigheid.

4. De HTML-editor stelt tips en hints voor en houdt u vast aan de codering.

5. U kunt uw pagina publiceren met een simpele klik en deze delen met een tweet of de URL delen.

X-Ray Goggles [niet meer beschikbaar]

X-Ray Goggles is een tool die alleen is bedoeld voor een beetje webpagina's 'hacken'. Je kunt het gebruiken om een ​​beetje reverse-engineering uit te voeren op een webpagina en de elementen te bekijken waaruit het is gemaakt.

Hier zijn enkele dingen die te maken hebben met X-Ray Goggles:

1. X-Ray Goggles helpt u bij het vinden van de onderliggende code van elke webpagina.

2. Kijk naar de code ... begrijp de structuur van de pagina ... en zie hoe het veranderen van de elementen een effect zal hebben op de pagina.

3. De Remixer-tool geeft je de onderliggende HTML-code en de preview van de pagina. U kunt de code wijzigen en de wijzigingen vastleggen.

4. Je kunt de X-Ray Goggles Bookmarklet gebruiken om te remixen ieder webpagina.

5. Gebruik X-Ray Goggles om je eigen creativiteit in de bestaande projecten op Mozilla Webmaker in te brengen. Bijvoorbeeld: gebruik Mozilla's X-Ray Goggles om het volgende hoofdstuk in de multimediaroman Inanimate Alice te maken.

popcorn

Popcorn Maker is een zeer interessante tool voor het maken van video's die meer dan 20 plug-ins integreert (voor bijvoorbeeld Twitter, Google Maps enz.) En waarmee je interessante multimedia-mashups kunt maken. Popcorn is nog steeds in actieve ontwikkeling en zal naar verwachting in de tweede helft van 2012 worden gelanceerd. U kunt een voorbeeld van de tool bekijken op de Mozilla Webmaker-pagina.

Hier zijn enkele interessante functies van Mozilla's Popcorn Maker:

1. Het is Open Source en gratis.

2. Het zal een op tijdlijn gebaseerde media-app zijn waar u informatie (bijvoorbeeld pop-ups voor weergave) van andere web-apps kunt binnenhalen met behulp van het plug-insysteem.

3. U kunt uw creaties publiceren en delen op uw blog, Twitter of Tumblr en zelfs de code insluiten.

4. U kunt uw eigen nieuwsuitzendingen, pop-upvideo's, multimediagerapporten en geleide webrondleidingen maken met behulp van de tool voor het maken van video's.

Deze drie toepassingen zijn leermiddelen waarmee u zich kunt interesseren voor webprogrammering en webtechnologieën. Als u geïnteresseerd bent in het zetten van uw eerste stappen op het gebied van webgeletterdheid, probeer dan Mozilla Webmaker en neem het vanaf daar. We hebben behoorlijk wat eigen programmeer- en webontwikkelingsbronnen.

Wat denk je van Mozilla Webmaker? Grijpt het je interesse? Denk je dat het voor kinderen en volwassenen gemakkelijk genoeg is om te leren wat er bij het maken van het internet gaat kijken?

Ontdek meer over: HTML, Mozilla, Programmeren, Webontwerp.