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 13167 25.04.2014, 10:48
Ostatni post: Rincewind
  Skrypt - test na znajmość regulaminu/FAQ SzateX 0 5067 04.02.2013, 20:15
Ostatni post: SzateX
  FAQ dla początkujących - komentarze, sugestie, poprawki. hatesz 23 10594 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
  HTML a Wordpress Majki_77 3 11680 10.02.2019 13:17
Ostatni post: Ajgor
  Gotowe klasy xCart 0 6606 08.02.2019 17:16
Ostatni post: xCart
  Jak ustawić tekst na środku ekranu buzek1 4 3109 08.02.2019 17:07
Ostatni post: xCart
Ściana Problem a zaktualizacją Joomla 3.6.5 do 3.8.8 CREATIVE_ 14 24787 13.01.2019 06:00
Ostatni post: CREATIVE_
  Xampp i CMS Made Simple Echelon 1 7606 07.12.2018 14:35
Ostatni post: raxer
  Problem z certyfikatem na sslforfree.com gentleman 2 9003 11.10.2018 17:09
Ostatni post: Michu_PL
  Generator kodów kreskowych Yanke$ 0 9277 16.09.2018 12:02
Ostatni post: Yanke$
  skalowanie elementów do wielkości ekranu szakal87 1 9620 11.09.2018 05:36
Ostatni post: Michu_PL
  Formularz do zgłaszania błędów na stronie-pomoc w przeróbce. raxer 0 8841 10.09.2018 18:51
Ostatni post: raxer
  Layout Strony Majki_77 2 10292 28.08.2018 16:27
Ostatni post: gentleman
  Wyszukiwanie na urządzenich mobilnych broda99 4 2767 22.08.2018 13:14
Ostatni post: grzegorzkrk
  Zmiana rozmiaru okna przeglądarki a marginesy Wacho 0 9217 09.08.2018 23:15
Ostatni post: Wacho
  Stworzenie nowej strony na Wordpressie Majki_77 8 10487 22.07.2018 22:21
Ostatni post: ada1986
Ściana Dynamiczne pobieranie html PHP kamiltu 0 9834 23.06.2018 15:53
Ostatni post: kamiltu
  Tworzenie stron (Usługa) Majki_77 2 9900 21.06.2018 08:13
Ostatni post: Michu_PL