Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

FAQ dla początkujących.

#1
FAQ dla początkujących.
Wstęp
Poniższe informacje, jako że pochodzą sprzed ponad 3 lat, mogły stracić już na ważności. Nie polecam opierać się na nich w 100%. Wciąż mogą jednak stanowić dobry wstęp do zrozumienia kilku podstawowych pojęć i zasad.

Dla osób, które lubią zgłębić szczyptę teorii, przed podejściem do praktyki, polecam artykuł na naszym forumowym FAQ: http://faq.pcformat.pl/index.php/Wprowad...evelopment


Co to jest HTML?
Po kolei. HTML to język znaczników. Nie jest to język programowania jak to wiele początkujących osób myśli. Służy on do opisania struktury danej strony internetowej (jak ona ma wyglądać, gdzie ma odsyłać dany obrazek, etc.), którą tą strukturę później będzie parsowała przeglądarka.

HTML czy xHTML?
To już kwestia gustu. Różni się to sposobem pisania znaczników, np.:

Kod:
<input type="text" name="username">

Jest dopuszczalny w HTML 4.01, ale już xHTML wymaga, aby każdy tag jednoczłonowy miał znak zamykający:

Kod:
<input type="text" name="username" />

Osobiście preferuję xHTML. Moim zdaniem jego kod jest bardziej przejrzysty.

Co to są style CSS?
CSS to również nie jest język programowania. Służy on do nadawaniu naszej aplikacji przyzwoitego wyglądu. Praktycznie każda strona powstała po 2000 roku jest oparta na tej technologii.

Co to jest JavaScript?
To już można (a nawet trzeba) nazwać językiem programowania. Skrypty napisane w tym języku uruchamiane są po stronie klienta, tzn. uruchamiane są już po otrzymaniu strony przez przeglądarkę. Najczęściej stosowany jest do tworzenie wygodniejszego interfejsu strony lub do pobierania danych bez odświeżania strony.

Co to jest PHP?
PHP to język skryptowy uruchamiany po stronie serwera. Aktualnie większość stron internetowych oparta jest właśnie na tej technologii (w 2005 roku było to ponad 22 mln domen). Jej sukces to głównie funkcjonalność i przejrzysta składnia (na wzór języka C).

[Obrazek: phpstats-200707.png]

Co to jest AJaX?
AJaX (ang. Asynchronous JavaScript and XML) to nic innego jak rozszerzenie JavaScript'u opierające się głównie na jednym z jego obiektów - XMLHttpRequest. Dzięki tej technologii możemy tworzyć interaktywne strony internetowe - dane mogą być wczytywane w tle (asynchronicznie) podczas gdy użytkownik nawet tego nie zauważa.

Jak to działa?
Zacznijmy od początku. Klient (czyli przeglądarka użytkownika, np. Twoja) wysyła żądanie do serwera (np. http://www.example.com) "wywołując" jego adres. Serwer odpowiednio obsługuje żądanie i "uruchamia" żądany plik (domyślnie index.html, index.htm lub index.php - zależnie od jego konfiguracji).

[Obrazek: http-request-response-cycle.gif]

Pomijam tu takie fakty, jak autoryzacja, połączenia szyfrowane, etc. bo nie są one początkującym webmasterom potrzebne. Wracając do tematu - przyjmijmy, że mamy plik news.php na naszym serwerze. Pan Kowalski wchodzi jak co dzień na stronę "www.example.com/news.php" i przegląda najnowsze aktualności. Zanim jednak będzie mógł rozkoszować się wiadomością o tym, że ZUS obniżył stopę I filaru jego emerytury, pijąc przy tym Capuccino z bitą śmietaną - szereg czynności musi zostać wykonanych.

[Obrazek: nowezjuzniechcenicrobic.png]

  1. Pan Kowalski klika w odnośnik do swojej ukochanej strony z aktualnościami. Przeglądarka wysyła informacje o sobie do serwera w postaci nagłówków. Zawierają one m.in. Twoje IP, ciasteczka zapisane pod tą domenę (tutaj example.com), itd.
  2. Serwer przetwarza otrzymane nagłówki, wywołuje żądany plik (news.php). Plik ten łączy się z bazą danych i z niej pobiera wiadomości, a następnie przerabia to na kod HTML zrozumiały dla przeglądarki.
  3. Serwer odsyła wygenerowany plik HTML do przeglądarki wraz z nowo powstałymi ciasteczkami i innymi informacjami we własnych nagłówkach, np. typ dokumentu (HTML, TXT, PDF, XML, etc. - tutaj HTML).
  4. Przeglądarka przetwarza otrzymane informacje na "swój sposób". Jeśli jest to dokument HTML to parsuje go własnym silnikiem, jeśli np. PDF to korzysta z zainstalowanej wtyczki, etc.

Dla dociekliwych tutaj znajduje się bardziej rozbudowany artykuł na ten temat.

Od czego zacząć?
Na pewno od (x)HTML-a. To podstawa dzisiejszej sieci. Nic Ci nie da świetna znajomość np. PHP jeśli nie będziesz potrafił wyświetlić wyników w postaci strony internetowej. Powtarzam jeszcze raz - HTML służy do tworzenia szkieletu strony. W żadnym innym języku tego nie otrzymasz. Jednakże nauka samego (x)HTML-a to strata czasu, ponieważ gdy już go poznasz, będziesz zmuszony uczyć się CSS i zmieniać swoje nawyki z czystego (x)HTML-a na (x)HTML z CSS.
Poniżej lista w jakiej kolejności powinno się zagłębiać w świat WWW:

  1. (x)HTML i CSS,
  2. PHP (od razu z OOP),
  3. JavaScript,
  4. Biblioteki i rozszerzenia do JavaScript - np. jQuery oraz AJaX,
  5. Frameworki do PHP (architektura (H)MVC, Front Controller, ORM, etc. - Zend, Symfony, KohanaPHP, CakePHP, CodeIgniter, Yii i wiele więcej).

Po tych krokach będziesz już w stanie sam zdecydować co będzie Ci potrzebne dalej. Mogą to być skrypty Pythona, a może też Cię urzec składnia RoR-a.

Z czego się uczyć?

(x)HTML i CSS

JavaScript i AJaX

PHP

Ogólne



Edytory, środowiska programistyczne:
Czyli po ludzku mówiąc - w czym pisać nasz kod. Najgorszą rzeczą jaką można zrobić (a robi to większość początkujących koderów) to korzystanie z systemowego Notatnika. Jest to chyba najgorszy program do tego typu zadania. Jego największą wadą to wstawianie gdzie popadnie znaku BOM, przez co są później występują kłopoty z kodowaniem znaków. Poniżej zamieszczam listę aplikacji, które polecam na bazie własnych doświadczeń.


Silniki for
Z góry uprzedzam pytanie - nie ma najlepszego silnika - czy to do for, blogów czy serwisów tematycznych. Każdy ma jakieś swoje wady i zalety. Pytanie więc na forum o to, który skrypt wybrać jest bezsensowne. Każdy napiszę swoją propozycję skryptu w 95% opartą na tym, że sam go używa.


Hostingi


Prawa autorskie

Komentarze
http://forum.pcformat.pl/FAQ-dla-poczatk...poprawki-t
[Obrazek: musicbar.php?username=hatesz&color=red&u...unicode=no]
 System operacyjny: windows_seven Przeglądarka: opera
Programy: Polecane / Nowe / Inne



Użytkownicy forum szukali:
faq dla opornych klientówhtml dla poczatkujących

Podobne wątki (FAQ dla początkujących.)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Edytor dla początkujących EugeniuszWróbel 14 14151 25.04.2014, 10:48
Ostatni post: Rincewind
  Skrypt - test na znajmość regulaminu/FAQ SzateX 0 5976 04.02.2013, 20:15
Ostatni post: SzateX
  FAQ dla początkujących - komentarze, sugestie, poprawki. hatesz 23 11607 03.11.2011, 18:47
Ostatni post: hatesz

Skocz do:


Wybrane wątki (FAQ dla początkujących.)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Mixed content na protokole HTTPS Unlimited 1 7361 20.11.2019 14:05
Ostatni post: raxer
  Pozycjonowanie, toksyczne linki Alsenas 13 14239 19.11.2019 14:48
Ostatni post: Centor
Question Co sądzicie o edytorze Gutenberg w WordPress? radekhetero 2 9645 15.11.2019 15:55
Ostatni post: Alsenas
  Konfiguracja wampserver 2019. ~Anonim 3 7708 11.10.2019 05:26
Ostatni post: Michu_PL
  wyswietlanie pliku w php roxses 0 7504 07.10.2019 14:43
Ostatni post: roxses
  Content Management System thinkPL 6 7385 06.10.2019 22:08
Ostatni post: thinkPL
  PHP - przycisk wykonujący równanie SalyWan 1 7107 03.10.2019 16:11
Ostatni post: Szachista
  Skopiowanie strony forum przez program HTTrack Website Copier ANDREAN 9 10268 06.09.2019 21:51
Ostatni post: ANDREAN
  Poszukuję skryptu ogłoszeń / Joomla. dongtuuyen 2 9476 25.07.2019 09:56
Ostatni post: Spidi
  Upload pliku na serwer i do bazy danych mati514 3 10225 16.05.2019 17:12
Ostatni post: mati514
Big Grin [PHP] Rotator linków, który nie wyświetli danego linka. semozo 1 11138 13.04.2019 10:29
Ostatni post: wlisik
  Wywołanie diva funkcją SebastianF 3 11672 25.03.2019 10:55
Ostatni post: hydr4x
Scared front-end czy back-end gbr 7 16925 23.03.2019 16:56
Ostatni post: luciussulla
  Gdzie odpłatnie wypozycjonować swoją stronę w html5 w google za 100zł? aktywny27 13 36179 17.02.2019 21:44
Ostatni post: SEMPIRE
  xampp konwersja video milutki182 3 17271 10.02.2019 13:18
Ostatni post: Ajgor