26 stycznia 2014

Materiały do dalszej nauki programowania

Kolejnym krokiem po obejrzeniu (w całości lub wybranych fragmentów) CS101 lub CS50x oraz opanowaniu podstaw poprzez Codecademy lub/i Dash będzie podjęcie decyzji w jaki sposób chcemy dalej uczyć się programować.

  • Książki: pierwszą rzeczą jaką zrobiłem w momencie podjęcia decyzji o nauce programowania było pożyczenie od mojego dobrego znajomego książki PHP, MySQL i Apache wyd. Helion. Siedziałem z rozłożoną książką przed monitorem i starałem się zrozumieć kod, który przepisuję do edytora. Jednak po pewnym czasie zacząłem się zastanawiać, że choć w sumie kiedyś próbowałem opanować HTML/CSS to sporo zapomniałem i standardy od tego czasu się już zmieniły. Następnie zacząłem się zastanawiać dlaczego kod, który wpisuję w edytorze tak właściwie działa? Postanowiłem wtedy zacząć od kompletnych podstaw, dlatego na tym blogu na starcie poleciłem dwa kursy MOOC, a następnie interaktywne kursy, gdzie kod wpisujesz w przeglądarkę i nie musisz się martwić instalowaniem niczego na komputerze. Jeżeli jednak książki to preferowany przez Ciebie sposób zdobywania wiedzy o programowaniu to mogę polecić PHP and MySQL for Dummies. Ja sam lubię bardziej czytać książki lecz bardziej odpowiednim podejściu do programowania niż wprost uczyć się programować z nich. O takiej tematyce mogę polecić wspomniany wcześniej Clean Code (aut. Robert C. Marin) oraz The Passionate Programmer (aut. Chad Fowler). Dodam, że nie jest zbyt trudno znaleźć te książki w wersji pdf w internetach.
  • MOOC: jeżeli przypadły wam do gustu kursy internetowe w formie video polecam poszukać
    interesujących was zagadnień na stronach: Coursera, Udacity, edX lub MIT OCW. Niedługo przygotuję listę kursów MOOC, które możecie oglądać we własnym tempie. Natomiast teraz mogę polecić w ciemno Intro to Computer Science na Udacity. 
  • Interaktywne kursy: chyba najciekawsze i dostarczające przy tym najwięcej zabawy sposoby nauki
    programowania. Wypełniamy instrukcję wypisane na ekranie poprzez wpisywanie kodu w przeglądarkowy edytor i od razu dostajemy wynik. W szczególności polecam wspomniane wcześniej Cocecademy oraz Khan Academy (Khan posiada kursy na najróżniejsze tematy, również po polsku), Programmr i DevelopPHP. W ten sposób łatwo jest zacząć programować lecz moim zdaniem ma to też swoje minusy, ponieważ należy poćwiczyć poprzez...
  • Napisanie własnego projektu: skromne portfolio, mały blog lub przykładowa strona firmowa. Nie muszą to być wielkie strony internetowe, wystarczy prosta strona ze skromnym backendem (np. pobieranie wpisów z bazy danych MySQL). Po skończonym kursie koniecznie zainstalujcie odpowiednie komponenty aby można było w danym języku programować lokalnie na komputerze wraz z edytorem i próbujcie napisać jeszcze raz to czego się nauczyliście. Nie tylko powtórzycie składnie danego języka ale również natraficie na błędy, których rozwiązanie wiele was nauczy.
Powodzenia!

22 stycznia 2014

Na której platformie pisać bloga?

Zanim podjąłem decyzję na której platformie pisać bloga postarałem się rozeznać w temacie. Z początku zanosiłem się z pomysłem, żeby w ramach nauki napisać własnego prostego bloga w PHP lecz widząc jak wiele opcji jest do wyboru, postanowiłem zdecydować się na jedną z nich a czas, który poświęciłbym na kodowanie bloga wykorzystać na inny projekt lub zwyczajnie na napisanie kilku postów tutaj.

Postawiłem sobie parę warunków, które powinien spełniać blog, na który się zdecyduję. W przeciwieństwie do większości blogerów chciałem mieć dostęp do kodu bloga, móc go podejrzeć i edytować. To chyba oczywiste wymaganie. Po drugie - chciałem mieć jak największe możliwości personalizacji. Brałem pod uwagę tylko darmowe rozwiązania, na tym etapie nie planowałem żadnych wydatków na hosting, domenę, templaty czy dodatki i rozszerzenia więc w grę wchodziły platformy, które od razu hostowały bloga. Miłym dodatkiem byłoby móc w przyszłości przenieść cały content na własny hosting.

Pierwszą opcja, którą wziąłem pod uwagę jest oczywiście WordPress. Podobno aż 18% wszystkich blogów jest postawionych na WP. Do wyboru mamy wordpress.com czyli opcję darmową hostowaną przez WP oraz wordpress.org pozwalającą ściągnąć całego CMS i zainstalować go na własnym serwerze. Na pierwszy rzut oka wszystko wydaje się pasować. WordPress jest napisany w PHP i jest open-source. Dodatkowo warto zapoznać się z platformą, na której można postawić nie tylko bloga ale również proste strony, być może w przyszłości zdarzy się konieczność zrobienia strony przez WP lub wprowadzenia zmian na już istniejącej stronie korzystającej z tego CMSa (podobno nie ma nic gorszego niż próba naprawienia źle działającej strony strony WP z powodu zbyt dużej ilości kiepsko działających plug-inów). Opcja darmowa daje całkiem znośną i rozpoznawalną domenę, rozbudowany CMS oraz sporą ilość motywów i rozszerzeń. Niestety ta opcja nie daje możliwości podglądu kodu PHP oraz instalowania rozszerzeń. Taką możliwość mamy dopiero jeżeli zdecydujemy się na własny hosting, gdzie zainstalujemy wp, co powoduje również konieczność kupienia domeny.

Kolejną dużą platformą jest Blogger. Wydaje się dużo łatwiejszy i mniejszy niż opisany wyżej WordPress lecz w pewnym zakresie spełnił moje wymagania. Posiada możliwość podglądu HTML/CSS ustawianych motywów, proste statystyki strony z możliwością dodania Google Analytics oraz pozwala na darmowe podpięcie własnej domeny jeżeli kiedyś się na taką zdecyduję. Rozwiązanie proste ale na tyle funkcjonalne, że postanowiłem wybrać właśnie Bloggera.

Napiszę jeszcze w paru słowach o nowszych i dużo mniej rozpoznawalnych platformach, które nie są tak oczywiste jak te powyżej. Szczególnie warto zapoznać się z tymi rozwiązaniami, jeżeli chcecie spróbować czegoś świeżego.

Ghost - zrealizowany dzięki projektowy na Kickstarterze i wydany w październiku 2013. Promuje się jako "just a blogging platform". Ładny design, przejrzyste pisanie postów oraz dobrze zrobiony dashboard - takie informacje możemy przeczytać na ich stronie, lecz jak jest naprawdę? Ghost stworzony jest z pomocą node.js i z jednej strony jest to zaleta jak i wada. Domyślam się, że pozwala no ta wprowadzenie kilku ciekawych rozwiązań (aktualna wersja to 0.4) lecz aby móc wypróbować tę platformę należy się zdecydować na płatny hosting od Ghosta lub mieć własny serwer, który obsługuje node.js. Serwery takie (VPS) są zazwyczaj droższe niż współdzielone.

Roon - minimalistyczna, przejrzysta i responsywna platforma. Prosta i czysta w obsłudze, pozwalająca założyć darmowe konto w 2 minuty, hostowane przez platformę i dające domenę .io. Płatne opcje pozwalają na użycie wlasnej domeny i Google Analytics. Rozwiązanie bardzo ciekawe jeżeli szukacie czegoś nowego i naprawdę minimalistycznego. Dla mnie wydawało się zbyt proste.

Innymi blogami również wartymi wspomnienia są: Medium i Jux.

15 stycznia 2014

Wybór odpowiedniego edytora kodu

Głównym narzędziem do pisania kodu, szczególnie jeśli tak jak ja zdecydowaliście się na web development, jest oczywiście odpowiedni edytor tekstu, który będzie ułatwiał pracę z kodem. Jeżeli nadal używacie notatnika do pisania swojego kodu to czas najwyższy przeskoczyć na coś bardziej zorientowanego na programowanie. Wybór jest ogromny, od prostych edytorów po zintegrowane środowiska programistyczne (IDE), natomiast ja skupiłem się na dwóch, obecnie najbardziej popularnych i najchętniej używanych.


Brackets - całkowicie darmowy edytor, który najbardziej przypadł mi do gustu i na którym aktualnie pracuje. Jest to projekt open-source (https://github.com/adobe/brackets) napisany całkowicie w HTML, CSS i JavaScript, ukierunkowany szczególnie na web development. Dostępny na systemy Windows, Mac OS oraz Linux. Posiada wiele wbudowanych udogodnień oraz możliwość pobrania rozszerzeń jeszcze bardziej uprzyjemniających pracę z kodem. Kilka zalet, które przychodzą mi do głowy:
  • Live Preview - wyświetlanie w przeglądarce na bieżąco zmian w kodzie,
  • Quick Edit - wystarczy zaznaczyć tag HTML i nacisnąć ctrl+e a Brackets od razu wyświetli nam odpowiadający mu CSS z możliwością edycji,
  • tworzenie, usuwanie i zmienianie nazw plików i folderów przez interfejs programu,
  • podpowiedzi do HTML, CSS i JavaScript podczas pisania kodu,
Dzięki Extension Manager możemy w łatwy sposób przeglądać oraz instalować najróżniejsze rozszerzenia. Te które mogę polecić od siebie:
  • HTML Templates - pozwala wstawić gotowy szkielet HTML strony, przyspiesza pracę i zwalnia z konieczności pisania ciągle tych samych tagów HTML kiedy rozpoczynamy nowy projekt,
  • Lorem Ipsum - generuje dummy text (objaśnienie tutaj),
  • Themes for Brackets - zmiana wyglądu Brackets.
Rozszerzeń jest tak dużo, że nie miałem sposobności (i wiedzy) sprawdzić wszystkich, z pewnością znajdziecie coś dla siebie. Niestety Brackets ma jedna sporą wadę jeżeli chodzi o polskich użytkowników - brak polskich znaków. Problem polega na tym, że program ma domyślnie ustawione skróty klawiszowe zawierające alt razem z klawiszem pod którym kryje się polski znak (np. ctrl+alt+s). Zajęło mi trochę czasu zanim znalazłem odpowiednie rozwiązanie. Należy ściągnąć rozszerzenie Brackets Key Remapper i przestawić wszystkie skróty klawiszowe zawierające alt lub zawierające polskie znaki. 
Warto przeczytać:
Sublime Text - chyba aktualnie najpopularniejszy edytor dostępny w internecie. Napisany w C++ i Pythonie lecz nie jest open-source. Udostępniany na zasadzie "free to try" czyli będzie was co pewien czas nagabywać, żeby go kupić za 70$. Nie mam zbyt dużo doświadczenia z tym edytorem ale wiem, że jest bardzo polecany, szczególnie zanim jeszcze pojawił się Brackets. Plusem jest duża ilość poradników i artykułów na jego temat. Posiada większość tych samych udogodnień co edytor opisany wyżej (wbudowanych lub możliwych za pomocą rozszerzeń). Kilka polecanych rozszerzeń:
  • AdvancedNewFile - pozwala na szybsze tworzenie nowych plików,
  • BracketHighlighter - podświetla pary nawiasów (otwierający wraz z odpowiadającym mu zamykającym i odwrotnie),
  • SideBarEnhancements - rozszerza możliwości bocznego menu
Dostępny jest również LiveReload, lecz trzeba go dodatkowo zainstalować. Poradniki godne uwagi:

Warto zainstalować i przetestować obydwa z nich, na pierwszy rzut oka mogą się wydawać bardzo podobne lecz im więcej będziecie pisać własnego kodu i im bardziej będziecie chcieli spersonalizować wasz edytor zobaczycie różnice między nimi, które pozwolą wam podjąć ostateczną decyzje.

12 stycznia 2014

Który język programowania wybrać?

Uwaga spoiler: decyzję będziesz musiał podjąć sam, nie ma czegoś takiego jak najlepszy język programowania. Proponuję jedno z trzech podejść przy wyborze języka programowania, który będzie akurat wam odpowiadał:
  • Spróbuj odpowiedzieć sobie na pytanie dlaczego tak naprawdę chcesz uczyć się programowania. Czy chcesz znaleźć pracę jako programista? Chcesz tworzyć strony internetowe? Aplikacje na Androida/iOS? Lub po prostu dla własnej satysfakcji jako hobby? Najpierw zastanów się po co i dlaczego chcesz programować a następnie dobierz do tego odpowiedni język programowania, pamiętając oczywiście, że dany cel można osiągnąć na kilka sposobów. Niestety minusem takiego podejścia jest fakt, że możemy trafić na język, którego składnia i funkcje nie będą nam odpowiadać przez co zrazimy się do programowania
  • Drugim sposobem jest wybranie języka, które jest uznawany za łatwiejszy w nauce lub wypróbowanie nawet kilku i wybraniu tego, które wam najbardziej przypasuje.
  • Można również język wybrać czysto pragmatycznie i zorientować się, na który jest obecnie największe zapotrzebowanie. Sprawdza się to chyba najbardziej jeśli chcemy szukać pracy jako programista w jakiejś firmie.
Pomocne mogą okazać się zestawienia, które próbują na różne sposoby przedstawić popularność języków programowania. TIOBE mierzy popularność na podstawie wyników zwróconych przez zapytania zawierające nazwę danego języka. Kalkulacje są robione na podstawie 25 różnych wyszukiwarek. Całość jest wytłumaczona tutaj. Inną stroną, która prowadzi podobne statystyki jest Programming Language Popularity. Ocenę przydatności tych rankingów pozostawiam wam.

Jeżeli chodzi o mnie to zdecydowałem się na web development. Chciałem tworzyć strony internetowe oraz wiem, że jako jedna osoba mogę być bardziej niezależny i pomniejsze projekty tworzyć całkowicie samemu. W głowie często świtają mi pomysły na różne strony, które chciałbym kiedyś zrealizować. Wyznaczyłem sobie takie poszczególne kroki:
  1. HTML/CSS - chyba nie trzeba tłumaczyć, kompletna podstawa, nie są to nawet języki programowania tylko język znaczników (markup language),
  2. PHP - wiele osób negatywnie wypowiada się o PHP twierdząc, że uczy nieładu oraz pozwala na działanie źle napisanego kodu, doradzając przeskoczyć na Ruby albo Pythona lecz PHP ma nadal silną pozycję i jest stosunkowo łatwy do nauki. BTW Facebook jest napisany w PHP.
  3. JavaScript  - aby tworzyć bardziej dynamiczne strony. Następnie jQuery i daleko w przyszłości chciałbym chociaż ruszyć node.js,
  4. Chciałbym również chociaż spróbować Ruby oraz Pythona.
Lista wydaje się krótka lecz przy ograniczonym czasie i pracy w tygodniu stawiam, że realizacja tego planu zajmie mi minimum rok. Kilka artykułów które warto przeczytać przed podjęciem decyzji:

11 stycznia 2014

Przejrzystość kodu

Podobno jedną z najlepszych rad jaką daje się początkującym to ciągłe przypominanie o konieczności utrzymywania porządku w swoim kodzie, tak abyśmy za 10 minut nie zastanawiali się co sami mieliśmy na myśli pisząc daną linijkę. Piszę o tym już teraz, ponieważ jest to umiejętność, którą należy szlifować od samego początku. Przyznaję, że ja sam kilka razy nie mogłem sobie przypomnieć dlaczego napisałem daną funkcję tak a nie inaczej i dlaczego dałem jej nazwę, która teraz kompletnie nic mi nie mówi. Jeżeli poprosicie kiedyś bardziej zaawansowanego programistę o pomoc to szanujcie jego czas i napiszcie kod w ten sposób, aby ktoś nie musiał spędzić godziny próbując się w nim odnaleźć. Dużo łatwiej jest od razu starać się pisać przejrzysty kod, niż później próbować go poprawiać. Niestety jest to umiejętność, której nie można się nauczyć wprost, najpierw trzeba napisać trochę kodu, z którego nic nie wynika, żeby nabrać odpowiednich zwyczajów. Warto poświęcić ten dodatkowy czas aby utrzymywać porządek w tym co piszemy.


Polecam również pozostałe filmiki na tym kanale. Link do książki, o której wspomina.
Aktualizacja: PDF książki Clean Code Roberta C. Martina można znaleźć tutaj lub tutaj.

Czas napisać własny kod!

Ok, mamy za sobą wstęp i trochę teorii zawartej w pierwszych filmikach z kursów z poprzedniego posta. Wszystko fajnie, tylko istotą programowania jest pisanie kodu wiec nie pozostaje nam nic innego jak zacząć kodzić. Istnieją strony pozwalają pisać kod od razu w przeglądarce, pokazując rezultaty na bieżąco przy okazji tłumacząc krok po kroku co należy robić. Idealnie na start!
  • Codecademy - jedna z pierwszych stron, od których zacząłem swoją naukę. Bardzo łatwy interfejs, który pokazuje nasz progres i przyznaje odznaki za skończone kursy. Do wyboru mamy markup HTML/CSS oraz JavaScript, PHP, Python i Ruby.
  • Dash - pokazuje jak w prostu sposób złożyć całkiem nieźle wyglądające proste strony za pomocą HTML/CSS. Przykłady są łatwe i szybkie.
Pamiętajcie, że te strony pokażą wam tylko składnie, zaprezentują zasady działania głównych funkcji i zapewnią podstawy do napisania własnych, prostych programów lecz jeśli nie przećwiczycie zdobytej w ten sposób wiedzy, na następny dzień zapomnicie o wszystkim. Codecademy warto potraktować jako sposób zapoznania się z danym językiem, zadecydować czy odpowiada nam jego składnia i podjąć decyzję czy chcemy brnąć dalej w jego naukę.

09 stycznia 2014

Wstępu ciąg dalszy

W internecie jest ogromną ilość najróżniejszych materiałów odnośnie programowania, których niestety nie jestem w stanie przerobić z powodu ograniczonego czasu, dlatego chciałbym tutaj wrzucać te, które uznam za warte przerobienia. Będzie to służyć równocześnie jako motywacja dla mnie aby szukać i uczyć się dalej, zdobywając umiejętności oraz content na bloga.
Na start warto zacząć od MOOC - massive open online course. Są to darmowe onlinowe kursy (w formie video) dla każdego, bardzo często prowadzone we współpracy ze znanymi światowymi uczelniami. Dla osób, którym czasem ciężko znaleźć chęć i motywację aby regularnie zabrać się za naukę, materiał kursów podzielony jest na cześci - po kilka godzin tygodniowo. W ten sposób można spokojnie podzielić i zaplanować wolny czas. Za ukończenie każdego kursu otrzymuje się certyfikat. Jednym z największych portali oferujących MOOC jest Coursera, sprawdźcie tylko ile najróżniejszych kursów oferują: https://www.coursera.org/courses. Jeżeli nie jesteście przekonani, wybierzcie taki, który was interesuje i obejrzyjcie wprowadzający materiał. Kursy dzielą się na ograniczone czasowo, które rozpoczynają się konkretnego dnia, a nowe materiały pojawiają się co tydzień, zapisy na te kursy są ograniczone czasowo, domyślam się, że ma to zachęcić do regularnego przeglądania materiałów oraz jeżeli wolicie przerabiać materiały we własnym tempie to są również kursy, które udostępniają całość materiałów od razu. Kursy wprowadzające do programowania, które mogę polecić:
  • Computer Science 101 - ciekawy materiał, nie tylko o samym programowaniu ale również o zasadach działania software'u, hardware'u i sieci oraz dający ogólny pogląd na computer science. Tutaj można obejrzeć filmy, bez konieczności zakładania konta - sprawdźcie czy taka forma zdobywania wiedzy wam odpowiada
  • HarvardX: CS50x Introduction to Computer Science - bardzo świeży kursy, który rozpoczął się 1 stycznia 2014 (jednak cały materiał jest już dostępny), obejrzałem dopiero week 0 ale skala tego przedsięwzięcia oraz ilość materiałów i filmów robi wrażenie. W porównaniu do powyższego kursu wygląda to bardziej na zapis video z wykładów ale czytałem, że wiele osób go poleca i jest jednym z lepszych wprowadzeń do CS.
Zdecydowaną zaletą rozpoczęcia programowania poprzez taki kurs, w przeciwieństwie do chwycenia książki czy od razu zabrania się za pisanie kodu, jest fakt, że zdobywamy tutaj trochę szersze pojęcie o samym programowaniu, a nie tylko umiejętność pisania kodu.

08 stycznia 2014

Hello World!

Chciałbym aby ten blog był w pewnym sensie udokumentowaniem mojego procesu zdobywania wiedzy na temat programowania i ogólnie zasad działania internetu oraz komputerów. Ponad rok po zdobyciu wyższego wykształcenia, całkowicie nie związanego z programowaniem, kiedy to odpocząłem trochę od przymusowej nauki i nauczyłem się wstawać wcześnie rano do pracy, poczułem potrzebę dalszego kształcenia się. Z ciekawości, dla przyjemności, aby rozszerzyć swój sposób myślenia o nowych technologiach, a w dalszej przyszłości - być może dla bardziej materialnych zysków. Wybór padł całkiem łatwo na programowanie, jestem człowiekiem, który lubi dociekać natury rzeczy więc przy okazji dowiem się więcej o technologii, z której korzystam bardzo dużo każdego dnia, dodatkowo dobrze się przy tym bawię oraz mam jakoś przeczucie, że jest to dziedzina, z którą sobie poradzę. Rozpocząłem ok. 2-3 miesiące temu i przez ten czas zdobyłem pewnie podstawy oraz małe rozeznanie w temacie, które miejmy nadzieje pozwoli na rozpoczęcie tego bloga. Na blogu chciałbym głownie umieszczać materiały, pomoce, książki, strony, filmy, programy oraz samouczki, na które natrafiam podczas codziennego przeglądania internetu, a które wydają mi się ciekawe i pomocne. Aby czytać tego bloga nie musisz posiadać jakiejkolwiek wiedzy na temat programowania ale muszę zaznaczyć, że 99% wrzucanych przeze mnie materiałów prowadzić będzie do stron w języku angielskim. W wolnych chwilach mogą się również pojawić posty na różne poboczne tematy jak bitcoin (BTC), sieć onion(TOR), gry komputerowe, książki popularno-naukowe lub jak znaleźć motywację do dalszej nauki. Niedługo wrzucę pierwsze materiały, a na początek umieszczę ten filmik: