GFX-Sector - sonstige Coding Tutorials

Allgemeine Fragen zur Web Entwicklung

In diesem Bereich findest du die Antworten zu den meisten Fragen, die hier im Board bereits gestellt worden sind.
Wir hoffen dabei, euch zu helfen indem ihr vor dem Erstellen des Threads diesen Thread lest. Falls ihr dennoch Fragen habt, könnt ihr gerne Threads erstellen und Diskussionen zu den Themen starten.

1. Was brauche ich, um eine Webseite zu entwicklen?
Ihr braucht für statischen Webseite nur folgendes:

1. Editor
   
2. Webbrowser
   
3. HTML
   
4. Zeit
   

1.1 Welche Editors kann ich benutzen?
Du kannst so ziemlich jede Art von Editor benutzen. Du kannst jedoch NICHT Word Processors wie Microsoft Word oder OpenOffice benutzen, da diese in ihren Text weitere informationen einbauen die den Quellcode unter Umständen schädigen können und somit nicht zu einer ordentlichen Darstellungen im Browser führen können.

Grundsätzlich reicht das Notepad, VIM oder TextEdit.
Jedoch sollte man sich einen Editor mit Syntaxhighlighting zulegen. Diese müssen kein Geld kosten, da es sehr viele Opensource Produkte gibt die kostenlos für jeden Verfügbar sind.

Links für Liste von HTML Editoren für dein Betriebssystem:
http://en.wikipedia.org/wiki/Comparison_of_HTML_editors
http://en.wikipedia.org/wiki/List_of_HTML_editors

1.2 Was ist WYSIWYG?
What you see is what you get. Das sind Editoren, die einem durch drag n drop und mit clicky bunte Oberfläche innerhalb von 2 Minuten eine Webseite erstellen, die jegliche Form von standardisiertem Code missachtet. Grundsätzlich ist es nicht gut für Anfänger, anhand dieser WYSIWYG Editoren die Grundlagen zu erlernen. Es wird für Anfänger empfohlen, weg von Dreamweaver und Co zu gehen und per Hand ordentlichen Code zu erstellen.

Extra: Dreamweaver bietet aber auch die Standard Code Ansicht an und glänzt durch die gute Autovervollständigung. (Dieses ist aber auch in sehr vielen freien Programmen wie Eclipse, Aptana und Co vorhanden und muss nicht für mehrere hundert Euro erkauft werden)

1.3 Was ist mit Webspace und einem Webserver?
Über diese Dinge braucht man sich keine Gedanken machen bis:
1. die Webseite "live" geht.
2. man nicht mit einer serverseitigen Programmiersprache (z.B. PHP) entwickelt.

Solange man statische Webseiten entwickelt, brauch man keinen Webserver, da HTML ganz normal von einem Browser angezeigt werden kann, ohne dabei einen Webserver anzufragen.

1.4 Webserver
1.4.1 Was ist ein Webserver
Ein Webserver ist ein Dienst, der auf einem Computer läuft, der die Kommunikation mit dem Client (Browser) übernimmt. Zum Beispiel kann es dadrum gehen, dass man eine Webseite aufrufen möchte über das Protokoll HTTP. Der Webserver schaut dann nach ob er unter einer gewissen Domain/URL einen Eintrag hat, sucht nach einer Datei (Standardmäßig index.htm/html/php) und liefert diese dann an den Browser zurück. Meistens hört der Webserver auf Port 80 und 443, wobei der letztere für SSL Verbindungen, sprich HTTPS gedacht ist, diese sind wichtig, wenn es um sensible Daten geht, wie zum Beispiel: Kreditkarten Informationen, Passwörter usw.

1.4.2 Brauch ich einen Webserver
Nur wenn du in PHP, Python, Ruby on Rails oder ähnlichem Programmierst und damit die serverseitige Verarbeitung deiner Webseite nutzt.

1.4.3 Was für Webserver gibt es?
Es gibt viele Webserver, der am meisten genutzte ist jedoch der Apache; dieser ist kostenlos und Open Source.
Des Weiteren gibt es eine sehr große Community für den Apache, die viele und interessante Module/ Plugins bereitstellt. So kann Apache nicht nur mit PHP oder MySQL Datenbanken agieren, sondern auch mit Python, Perl, CGI, PostgreSQL und vielen anderen Dingen.

1.4.4 Wie bekomme ich einen webserver?
Das einfachste ist ein "Komplett Paket" zu installieren. Dabei gibt es den:
- Zend Community Server *empfohlen
- XAMPP / MAMPP

1.4.5 Ich kann meinen Webserver nicht starten nach einer Standard Installation?
Meistens liegt es dadran, dass du Skype benutzt und Skype standardmässig Port 80 und 443 für eine bessere Verbindung nutzt. Schaue daher bitte bei deinen Skype Einstellungen unter:
Tools - Options - Advanced - Connection und passe den Port ggfs. an.

2. Wie lange brauche ich, um HTML und CSS zu lernen?
Diese Antwort hängt ganz an dir allein. Jedoch kann man sagen, dass man nach ca. 4 - 6 Wochen die Grundlagen ganz gut beherrscht.
Selbst nach 5 Jahren lernt man nie aus, denn die EDV/ IT entwickelt sich immer. Für die erste Webseite reicht aber schon 1 Tag und man kann etwas im Browser betrachten, was ein Start sein sollte um weitere Wochen zu lernen und zu üben.
Wichtig bei dem Erlernen ist jedoch, dass man immer etwas "echtes" schreibt. Sprich, nicht nur Bücher und Tutorials lesen oder Videos anschaun sondern auch ausführen. Die Aufgaben aus den Büchern erweitern und sich eigene Probleme und Ziele setzen die man dann versucht zu lösen, denn nur dadurch kann man sich verbessern.

3. Wie lange brauche ich, um PHP und MySQL zu lernen?
Dieses dauert deutlich länger als HTML und CSS. Jedoch kann man auch hier nach 4 - 8 Wochen die Grundlagen "beherrschen". Man ist natürlich weit weg von prof. Problemlösungen und hat auch noch keine gute "Datenbank" an eigenen Scripten auf die man zurückgreifen kann. Man kann sich jedoch danach mit weitaus interessanterem Beschäftigen wie Sicherheits-Konzepte, Objektorientiertem Programmieren und so weiter. Wichtig hierbei ist nur, dass man auch wirklich mit der Objektorientierten Programmierung anfängt und es auch bis dahin durchzieht. Denn mit PHP 5.0 wurde sehr vieles einfacher und besser gemacht und PHP selbst mehr an die objektorientierte Programmierung angestuft.

4. In welcher Reihenfolge sollte ich lernen?
Es gibt keine feste Reihenfolge, jedoch hat sich in 99% der Fälle die folgende Reihenfolge gut bewährt:

1. HTML
   
2. CSS
   
3. Javascript
   
4. PHP
   
5. MySQL
   

4.1 Gibt es alternativen zu PHP und MySQL?
Ja, die gibt es. Es gibt sogar sehr viele. PHP ist jedoch die am meisten genutzte "Web Programmiersprache". Jedoch hat diese auf dem Jobmarkt die meiste Konkurrenz!
Wenn man, aus welchen Gründen auch immer, PHP nicht programmieren möchte/will, dann kann man auf andere Sprachen zurureckgreifen wie zum Beispiel

1. ASP
   
2. JSP
   
3. CSP
   
4. .NET
   
5. Ruby on Rails
   
6. Python
   
7. Groovy
   

5. Was sind Frameworks/Libraries/API?
Grundsätzlich bieten Frameworks und Libraries Vereinfachung und sollen Arbeit vom Entwickler abnehmen.

5.1 Frameworks
Frameworks helfen einem viele Dinge schneller zu lösen wie zum Beispiel Datenbank Verbindungen, Benutzerverwaltung und vieles mehr können mit 1/3 bis 2/3 Weniger Code geschrieben werden.

5.1.1 Beispiel Frameworks
PHP

1. Zend Framework
   
2. Symphony
   
3. CakePHP
   
4. CodeIgniter
   

Python

1. Django
   
2. Hessian
   

Weiteres:
http://en.wikipedia.org/wiki/List_of_Web_service_Frameworks

5.2 Libraries
Libraries sind gehen einen Schritt weiter als Frameworks und bieten bereits fertige Lösungen für "normale" Probleme und helfen dem Entwickler mit nur einer Zeile eine Komplette gallery zu erstellen.

5.2.1 Beispiel Libraries

1. JQuery
   
2. JQuery UI
   
3. Mootools
   
4. Script_Aculo_us
   
5. Prototype
   

5.3 API
APIs sind etwas komplett anderes. Dieses sind Schnittstellen um auf einen gewissen Service zuzugreifen. Zum Beispiel bietet die Twitter API einem Entwickler, die Tweets eines Benutzers auf einer anderen Webseite anzuzeigen.
Ein anderes Beispiel wäre zum Beispiel PayPal. Mit deren API kann man überprüfen, ob eine Zahlung auf ein Konto eingegangen ist und über diese Antwort kann man dem Benutzer einen neuen Status, wie zum Beispiel eine Premiummitgliedschaft, bieten.

6. Ich will programmieren....?
6.1 Blog/Forum/CMS
Falls ihr ein Blogsystem, Forumsoftware oder sogar ein CMS erstellen wollt, dann bedenkt zwei Dinge:
1. Es gibt bereits 10.89e243 Open Source und kostenlose Alternativen zu dem Produkt, dass ihr erstellt
2. Ihr solltest definitv OOP können.

Die Wahrscheinlichkeit, dass ihr ein System entwickelt, dass euch zum Millionär machen wird und ihr aber tausende Benutzer haben wird, ist defintiv sehr gering. Das soll aber alles nicht heißen, dass ihr es nicht machen sollt! Eins werdet ihr definitiv erreichen:
Erfahrung
Dieses Art von Projekten machen einen nicht dümmer, ganz im Gegenteil, jedoch sollte man ein paar Schritte bedenken:

1. Planung
   
2. Planung
   
3. Planung
   
4. Planung
   
5. Planung
   

6.2 weiss aber nicht was?
Du möchtest einfach nur ein wenig Üben und Erfahrung sammeln, du weisst aber nicht "was" du entwickeln könntest? Das einfachste ist dann den PC auszuschalten und raus zu gehen und ein wenig die Sonne/Wetter/Freunde/Familie/Tiere/ oder sonst was zu genießen. Mit Gewalt erreicht man nichts im Leben. Das gilt auch bei der Entwicklung. Zeilen lassen sich nicht schreiben, weil man seinen Computer anschreibt. Eine weitere leichtere Methode ist sich etwas bestehendes anzuschaun und dieses "einfach" zu verbessern. Zum Beispiel einen Kompressor für javascript Dateien, einen Sprite Generator oder Sonstiges.

Welche Projekte in jedem Buch auftauchen sind meistens:

1. Gästebuch
   
2. Blog
   
3. Einkaufswagen
   

Hier eine Liste von Dingen, die einem eine weit gefächerte Erfahrung bieten sollte*:

1. Image Uploader
   
2. Gallery
   
3. ToDo Liste
   
4. Haushaltskasse
   

*to be cont.

---

Thanks for this thread by the author

Until now 4 users have thanked

Fireball, Sinuel, Ginyanote, Sylan