Wenn Sie noch nie gelernt haben, wie man Code schreibt, probieren Sie Mozilla Webmaker für Lernen und Spaß aus

Gibt es etwas, das als Coding-Horror bezeichnet wird? Oder eine Lähmung programmieren? Ich weiß es nicht wirklich… Ich bin sowieso nicht für jemanden zuständig. Aber ich weiß, dass es viele unter uns gibt, die in die Gehirnhälfte gehen, wenn ihnen etwas Technisches aus der Ferne ins Gesicht starrt. Ich verstehe. Ich habe das gleiche Problem mit Finanzen und Recht. Nicht jedoch beim Codieren oder Programmieren.

Wenn Sie wissen möchten, wie das Internet wirklich funktioniert, müssen Sie ein wenig über die Technologien wissen, die den Zauber ausmachen. Web-Kompetenz ist eine der Fähigkeiten, die für das digitale Zeitalter fast zwingend sind. Möglicherweise erstellen Sie nicht die nächste großartige App, aber Sie werden sich dadurch etwas sicherer fühlen. Darüber hinaus ist das Web selbst ein großartiger Ort, um mehr über Webtechnologien zu lernen. Es ist auch keine Plackerei.

Lassen Mozilla Webmaker beweise die letzten beiden Aussagen. Lass uns machen, lernen und hacken.

Was ist Mozilla Webmaker??

Mozilla Webmaker besteht aus einer Reihe von Tools und einer breiteren Community, deren Hauptziel es ist, Millionen von Menschen beim Umzug zu helfen über das Web zu das Web machen.

Mozilla Webmaker wurde im vergangenen Jahr mit dem Ziel gegründet, einen internetfähigen Planeten zu schaffen. Mark Surman, Executive Director von Mozilla, bringt es auf den Punkt: “Das Internet wird zur zweiten Sprache der Welt und zu einer wichtigen Fähigkeit des 21. Jahrhunderts”. Mozilla verfolgt die Ziele mit einem dreigliedrigen Ansatz, um eine weltweite offene Gemeinschaft von Lernenden aufzubauen. Präsentieren von Projekten und Veranstaltungen, um die Community gemeinsam zu unterstützen; und der Community die Authoring-Tools und -Software geben, um daraus einen Erfolg zu machen. Kurz gesagt: Treffen, machen und lernen.

Wenn dich jemand fragt, was ist Mozilla? Machen Sie einen leichten Schritt auf die Mozilla-Homepage und sagen Sie ihnen, dass es mehr als Firefox ist.

Die Lernwerkzeuge

Mozilla Webmaker stellt drei Tools vor und fordert Sie auf, mit dem Web etwas Erstaunliches zu schaffen. Schauen wir uns sie an:

Fingerhut

Ein Fingerhut kann als Ihr erster WYSIWYG-HTML-Editor (Was Sie sehen, was Sie sehen) beschrieben werden. Wie Sie auf dem Bildschirm oben sehen können, ist es sehr einfach zu verstehen und sollte Ihnen helfen, HTML und etwas CSS leicht zu erlernen.

Hier sind fünf Dinge, die man bei Thimble machen kann:

1. Das Design ist einfach - für Anfänger. Es ist ein Lernwerkzeug, kein vollwertiger Code-Editor.

2. Sie können von vorne beginnen oder ein Projekt auswählen. Projekte sind hackbare Webseiten, auf denen Sie eine Herausforderung bestehen, lernen, wie Sie ein JavaScript-Spiel erstellen oder Ihre Tumblr-Seite anpassen.

3. Sie können Projekte nach Schwierigkeitsgrad, Thema und Fertigkeit filtern.

4. Der HTML-Editor schlägt Tipps und Hinweise vor und hält Sie durch das Coding in die Hand.

5. Sie können Ihre Seite mit einem einfachen Klick veröffentlichen und mit einem Tweet teilen oder die URL freigeben.

Röntgenbrillen [Nicht mehr erhältlich]

X-Ray Goggles ist ein Tool, das nur für ein bisschen Hacken von Webseiten gedacht ist. Sie können damit ein wenig Reverse Engineering auf einer Webseite durchführen und die Elemente sehen, aus denen sie besteht.

Mit Röntgenbrillen sind einige Dinge zu tun:

1. Röntgenbrillen helfen Ihnen, den zugrunde liegenden Code einer beliebigen Webseite zu finden.

2. Sehen Sie sich den Code an ... verstehen Sie die Struktur der Seite ... und sehen Sie, wie sich das Ändern der Elemente auf die Seite auswirkt.

3. Mit dem Remixer-Tool erhalten Sie den zugrunde liegenden HTML-Code und die Vorschau der Seite. Sie können den Code ändern und die Änderungen übernehmen.

4. Sie können das X-Ray Goggles Bookmarklet verwenden, um einen Remix durchzuführen irgendein Website.

5. Verwenden Sie die Röntgenbrille, um Ihre eigenen Kreativität in die vorhandenen Projekte von Mozilla Webmaker einzubringen. Zum Beispiel: Verwenden Sie Mozillas Röntgenbrille, um das nächste Kapitel des Multimedia-Romans Inanimate Alice zu erstellen.

Popcorn

Popcorn Maker ist ein sehr interessantes Tool zur Erstellung von Videos, das über 20 Plugins (z. B. Twitter, Google Maps usw.) integriert und Ihnen die Erstellung interessanter Multimedia-Mashups ermöglicht. Popcorn befindet sich noch in der Entwicklung und wird voraussichtlich in der zweiten Hälfte des Jahres 2012 eingeführt. Eine Vorschau des Tools finden Sie auf der Mozilla Webmaker-Seite.

Hier sind einige interessante Features von Mozillas Popcorn Maker:

1. Es ist Open Source und kostenlos.

2. Es handelt sich um eine auf Zeitachsen basierende Medien-App, in die Sie Informationen (z. B. Pop-Ups anzeigen) von anderen Web-Apps über das Plug-In-System eingeben können.

3. Sie können Ihre Kreationen in Ihrem Blog, Twitter oder Tumblr veröffentlichen und freigeben und sogar den Code einbetten.

4. Sie können mit dem Video-Erstellungstool Ihre eigenen Nachrichtensendungen, Popup-Videos, Multimedia-Berichte und geführten Web-Touren erstellen.

Diese drei Anwendungen sind Lernwerkzeuge, mit denen Sie sich für Webprogrammierung und Webtechnologien interessieren können. Wenn Sie an den ersten Schritten in Richtung Web-Kompetenz interessiert sind, probieren Sie Mozilla Webmaker aus und führen Sie ihn von dort aus. Wir haben einige eigene Programmier- und Webdesign-Ressourcen.

Was halten Sie von Mozilla Webmaker? Begreift es Ihr Interesse? Denken Sie, dass es für Kinder und Erwachsene leicht genug ist, zu erfahren, was für die Erstellung des Internets wichtig ist?

Erfahren Sie mehr über: HTML, Mozilla, Programmierung, Webdesign.