Technologie www - podstawy
Artykuł ten jest przeznaczony dla początkujących użytkowników, którzy dopiero zaczynają swoją przygodę ze stronami internetowymi.
Jeśli Ty raczkowanie masz już za sobą, sprawdź inne artykuły :)
Gdzie szukać wiedzy ?
Dobra wiadomość - masz szczęście. Dzisiaj, szczególnie w branży internetowej, bardzo trudno znaleźć dziedzinę, technologię, czy język, którego nie można by nauczyć się z sieci.
Tak naprawdę sieć jest wręcz przepełniona wszelkiego rodzaju kursami, tutorialami, video-tutorialami, czy nawet słuchowiskami, z których możesz się wiele nauczyć.
Dlatego - warto szukać. W dalszym tekście postaram się pokazać kilka przykładów bardzo wartościowych stron.
Musisz jednak pamiętać, że dostępność wiedzy w internecie, oraz to, że publikować może każdy, wpływa niekorzystnie na jakość treści. Wiele z nich jest również porzucanych, zdeaktualizowanych i krótko - bezwartościowych.
Dlatego jesteśmy zmuszeni filtrować to, co czytamy. Pamiętajmy, że za "uporządkowaną" wiedzę w książkach, czy kursach trzeba zapłacić.
Od czego zacząć ?
Rodzina technologii internetowych jest bogata i szeroka. Dobrze opanowane podstawy będą więc procentować.
Podstawowe skróty, których będziesz używać w niemal każdym projekcie, który jest przeznaczony dla internetu:
HTML - czyli HyperText Markup Language, czyli język znaczników. To właśnie treść zakodowaną w (X)HTMLu, wyrenderowaną przez Twoją przeglądarkę, właśnie widzisz.
Czym jest język znaczników możesz przeczytać na wiki. A jeśli znasz angielski (co w informatyce jest raczej nieodzowne) - w3schools to moim zdaniem jedno z najlepszych miejsc do nauki ważniejszych technologii, jakie można znaleźć.
CSS - czyli Cascade StyleSheets - kaskadowe arkusze stylów. To jakby uzupełnienie HTMLa, odpowiedzialne za sposób wyświetlania jego elementów przez przeglądarkę - czyli za wygląd strony.
Dlaczego "kaskadowe" ? Poczytaj choćby na wiki. Dlaczego trzeba ? Bo to tak, jakbyś chciał malować akwarelę, mając tylko bryłę węgla.
Ten duet pozwoli Ci na wykonanie statycznej strony.
Potem odkryjesz, że strony statyczne mają ograniczone zastosowania - i sięgniesz po PHP (język skryptowy server-side, posiadający świetną, dogłębną dokumentacją online), SQL, czyli język zapytań na bazach danych, potem Javascript (język skryptowy, wykonywany po stronie przeglądarki, zdolny modyfikować załadowaną już stronę - sprawdź koniecznie jQuery), Flash z ActionScriptem itd. itd.
Możliwości jest wiele - dlatego złap porządne podstawy, a wtedy kolejne warstwy będą nakładać się na siebie jak w torcie, a nie wielowarstwowej farbie olejnej. Na framudze okna.
Ale jak się za to wziąć ?
Spokojnie. Potrzebujesz edytora tekstowego, który poprawnie będzie zapisywał pliki w formacie UTF-8. Co to jest ? Format kodowania znaków. Poczytaj tutaj.
Ważne jest też to, żeby umiał zapisać UTF-8 bez BOM.
Mówiłem Ci już, że masz szczęście ? W dobie open-source możesz spokojnie pobrać sobie darmowy Notepad+. I jedziemy!
Pewnie potrzebujesz też edytora grafiki. Znów niespodzianka.
Inkscape - również darmowy - to potężne, a przy tym nie przytłaczające narzędzie do edycji grafiki wektorowej. Kapitalnie radzi sobie z generowaniem .png (format obrazków najlepszy do internetu, razem z jpg i ew. gif).
No i do roboty!
No pain, no gain, jak mówią.
Masz wszystko, czego Ci potrzeba, żeby rozpocząć. Bądź ciekawy, oglądaj, czytaj, szperaj i próbuj, po trzykroć próbuj!
Jeśli ten artykuł był dla Ciebie ciekawy, skomentuj go poniżej. Dzięki!
Mikołaj Pawlikowski.