Zaraz po „Gdzie jest najlepsze miejsce do nauki?” być może najczęściej zadawanym pytaniem, jakie słyszę od ludzi zajmujących się kodem, jest „Jakich książek o programowaniu internetowym powinienem się nauczyć?” Potraktuj to jako odpowiedź na to pytanie, ponieważ przygotowałem listę książek, które nie tylko świetnie nadają się do programowania front-endowego, ale także są swobodnie dostępne.
Książki o CSS
To jest większość miejsc, w których będziemy spędzać czas, ponieważ, cóż, to jest strona przeważnie o CSS!
Magia CSS Adama Schwartza
- Idealny dla: Kolejne kroki w Twojej podróży z CSS
- Poziom nauki: Pośredni
- wymaga: Podstawowe zrozumienie CSS
Adam Schwartz omawia sześć pojęć CSS w tej książce, w tym model pudełkowy, układ, tabele, kolor, typografię i przejścia. Są to rzeczy, które nawet przyprawiają o zakłopotanie niektórych doświadczonych CSSowców, niektóre z tych koncepcji mogą być mylące. Adam zadał sobie wiele trudu, aby zdemistyfikować każdą z nich.
Oprócz tego, że książka jest świetnym wprowadzeniem do złożonych koncepcji CSS, uwielbiam to, że każda z wymienionych w niej właściwości CSS jest klikalna, więc zawsze możesz na nie kliknąć, aby zobaczyć, jak każda z nich jest zastosowana. Istnieje wiele ilustrujących przykładów i zaleceń do dalszej lektury, jeśli chcesz dowiedzieć się więcej o każdym rozdziale.
Uważam, że rozdział o kolorach jest bardzo interesujący nie tylko dlatego, że zawiera najlepsze praktyki przystępnego używania kolorów, ale także dlatego, że istnieją bardzo praktyczne zastosowania, na przykład kiedy Adam zaczyna używać CSS do wspierania brandingu organizacji.
Odporne projektowanie stron internetowych Jeremy Keith
- Idealny dla: Opracowywanie strategii pisania kodu
- Poziom nauki: Pośredni
- wymaga: Podstawowe zrozumienie CSS
Prosto od wprowadzenia:
Nie znajdziesz tutaj żadnego kodu, który pomógłby Ci tworzyć lepsze strony internetowe. Ale znajdziesz pomysły i podejścia. Pomysły są bardziej odporne niż kod. Starałem się połączyć najbardziej trwałe pomysły z historii projektowania stron internetowych w podejście do budowania stron internetowych przyszłości.
To, co Jeremy robi tak dobrze, to opisywanie umiejętności miękkich, takich jak planowanie, tworzenie konspektu i podejścia do pisania kodu. Tak więc zamiast wrzucać fragmenty kodu w całej książce, znajdziesz szczegóły dotyczące strategii kodu, takich jak progresywne ulepszanie, decydowanie o tym, jakich narzędzi użyć, oraz wyzwania związane z pisaniem kodu przyjaznego dla przyszłości.
I dla tych z Was, którzy nie mieli przyjemności słuchać Jeremy’ego, który opowiadał treści (tak jak robi to w Seria historii online), dostępny jest plik audio do pobrania.
Rozpoczęcie tworzenia stron internetowych w CSS: od nowicjusza do profesjonalisty autorstwa Simona Collisona
- Idealny dla: Podstawy CSS
- Poziom nauki: Kompletni amatorzy
- wymaga: Tylko czas i motywacja
Być może została napisana w 2006 roku, ale opis standardów sieciowych i dostępności, o których pisze Simon, jest dziś ponadczasowy i aktualny. Zapewnia zrozumienie interoperacyjności, a także podejść do tworzenia aplikacji internetowych, w tym wczesnych faz planowania, które często są pomijane.
Książka składa się z dwóch obszernych części, które są podzielone na 16 rozdziałów. Część 1 obejmuje tematy CSS, takie jak praca z tekstem, łączami, listami, tłem, obrazami, tabelami i formularzami. To naprawdę nie skąpi w szczegółach.
Część 2 dotyczy układu, rzucenia światła na użyteczność i manipulacji układem oraz przydatnego studium przypadku. Rozdziały są ułożone w taki sposób, że jeden rozdział w naturalny sposób przechodzi w następny. Każdy rozdział zawiera również sekcję końcową, która podkreśla wszystkie ważne pojęcia omówione w rozdziale.
Rzeczywiście, książka zapewnia początkującym programistom solidne podstawy CSS i pomaga im stopniowo w bardziej zaawansowanych koncepcjach. Ułatwi Ci to podróż po CSS.
Książki o HTML i CSS
CSS i HTML są często nauczane razem, co może być szczególnie przydatne, gdy piszesz pierwsze wiersze kodu i chcesz wiedzieć, jak te dwa języki współdziałają ze sobą.
Naucz się kodować HTML i CSS autor: Shay Howe
- Idealny dla: Rozpoczęcie swojej front-endowej podróży
- Poziom nauki: początkujących
- wymaga: Brak wcześniejszego doświadczenia
Shay odnosi się do tej książki jako prosty i obszerny przewodnik, który pomoże początkującym w nauce HTML i CSS.
Robi to, skupiając się na wspólnych elementach projektowania i rozwoju front-endu. Niektóre z omawianych lekcji to model prostokątny, pozycjonowanie, typografia, tło i gradienty, listy, media, formularze i tabele. W pierwszym rozdziale *Budowanie pierwszej strony internetowej Shay przeanalizował zawartość typowej strony internetowej, w tym elementy, atrybuty i konfigurację struktury dokumentu HTML, walidację kodu, selektory i resetowanie CSS. Uważam, że książka jest bardzo pouczająca, zwłaszcza, że wyszła poza powierzchnię, aby zająć się wieloma kluczowymi koncepcjami za pomocą próbek kodu, które można śledzić.
Jedną głęboką rzeczą w tej wspaniałej książce jest to, że Shay zbudował kompletny projekt od podstaw przez 12 lekcji, a na końcu każdej lekcji podał podsumowanie i linki do aktualnego stanu tej witryny (abyś mógł porównać ze swoją, jeśli śledzisz) oraz kod źródłowy na każdym etapie lekcji.
Jeśli jesteś uczniem, który uczy się przez działanie, ten materiał okaże się bardzo przydatny, a kiedy skończysz, opracujesz wielostronicową, funkcjonalną stronę internetową.
Zaawansowana kontynuacja kursu jest również dostępna bezpłatnie pod tym samym linkiem.
HTML i CSS: Naucz się podstaw w 7 dni autorstwa Michaela Knapp
- Idealny dla: Rozpoczęcie swojej front-endowej podróży
- Poziom nauki: początkujących
- wymaga: Brak wcześniejszego doświadczenia
Czy możesz dowiedzieć się wszystkiego o HTML i CSS w siedem dni? Prawdopodobnie nie, ale właśnie dlatego ta książka Michaela Knappa z 2017 roku koncentruje się bezpośrednio na podstawach. Michael zagłębia się w krótką lekcję historii, zanim przejdzie do struktury, logiki i prezentacji HTML i CSS. Dojdziesz do punktu, w którym powinieneś czuć się pewnie, tworząc podstawową stronę internetową, a także kilka dodatków po drodze, gdy książka będzie dotykać SEO i analityki.
Książka składa się z prostych programów, które możesz uruchomić na swoim komputerze, jeśli chcesz kontynuować.
Wersja ebooka jest dostępna za darmo w Apple Books, ale jest też wersja na Kindle, jeśli masz już tam subskrypcję.
Największe sztuczki CSS Cz. 1 autor: Chris Coyier
- Idealny dla: Zachwyć się tym, co potrafi CSS
- Poziom nauki: Pośredni
- Wymaga: Trochę doświadczenia CSS
Czy wiesz, że CSS-Tricks ma też książkę o CSS? Byłoby głupio zostawić to na tej liście, ponieważ otrzymujesz zbiór klasycznych sztuczek CSS, które zostały wyjaśnione przez nikogo innego, jak Chrisa Coyiera. W rzeczywistości Chris starannie wybrał wszystkie przykłady opisane w książce z wielu, wielu (wielu!) lat prowadzenia tej witryny, z mnóstwa sztuczek, które pojawiły się na jego biurku.
Każda sztuczka rozwiązuje konkretny problem. Na przykład pierwszy Sztuczka „Pin Scrolling to Bottom”pokazuje, jak overflow-anchor Właściwość CSS może być użyta do stworzenia tego samego interfejsu podobnego do czatu narzędzia takiego jak Slack, gdzie ekran jest zakotwiczony na dole w sposób, który sprawia wrażenie, jakby strona przewijała się dla Ciebie w miarę dodawania nowych elementów.
Książki o procesie
Kod jest tak samo ważny w jaki sposób piszemy kod i współpracujemy nad projektami z innymi, ponieważ dotyczy to samego kodu, który piszemy. Poniższe książki są świetnymi punktami wyjścia do wszystkiego, od planowania i zarządzania projektami po komunikację i współpracę z innymi.
Współpraca: łącz ludzi wokół projektów cyfrowych przez Ellen De Vries
- Idealny dla: Bycie lepszym współpracownikiem
- Poziom nauki: N / A
- wymaga: Otwarty umysł na dobrą współpracę z innymi!
Ellen porusza w tej książce coś, z czym wszyscy mamy do czynienia: współpracę z innymi. I to nie jest błahostka — książka jest podzielona na cztery części, które bardzo szczegółowo opisują rzeczy, z którymi możemy dobrze współpracować z innymi:
- Wiesz, jak przygotować grunt i stworzyć odpowiednie warunki do współpracy.
- Pielęgnuj kulturę grupy na wczesnych etapach współpracy.
- Utrzymuj zdrowy proces współpracy.
- Czerp korzyści ze współpracy.
Jako strateg treści, Ellen ma odpowiednie doświadczenie, aby pomóc każdemu uczestniczyć we wspólnym projekcie lub jak najlepiej wykorzystać współpracę.
Nowoczesny proces projektowania stron internetowych przez webflow
- Idealny dla: Starsi projektanci, kierownicy projektów
- Poziom nauki: N / A
- wymaga: Podstawowe zrozumienie CSS
Ten bezpłatny ebook zawiera siedmioetapowy proces projektowania, który ma pomóc w zdefiniowaniu przepływu pracy dla dzisiejszej marki projektowania stron internetowych.
Obejmuje to:
- Wyznaczać cele
- Definiowanie zakresu
- Mapy witryn i makiety
- Praca z treścią
- Obsługa elementów wizualnych
- Testowanie
- Wysyłka
Każdy, kto rozpoczyna nowy projekt lub jest w trakcie projektu, znajdzie w książce bezcenne spostrzeżenia. A najbardziej niezwykłe jest to, że jest to napisane w taki sposób, że prawie czujesz się, jakbyś był trzymany za rękę przez cały projekt, od koncepcji do ukończenia.
Projektowanie dla sieci autorstwa Marka Boultona
- Idealny dla: Nauka pracy z klientami
- Poziom nauki: początkujących
- Wymaga: Prawdziwe zainteresowanie designem
Wygląda na to, że wiele organizacji inaczej podchodzi do projektowania. Ale autor Mark Boulton dokumentuje dokładny przepływ pracy projektowej w Projektowanie dla sieci który odczarowuje wiele wyzwań i obejmuje wszystko, co musisz wiedzieć.
Wyjątkowe w tej książce jest to, że tak naprawdę dotyczy pracy. Jasne, jest mnóstwo niezwykle cennych informacji na temat najlepszych praktyk projektowych, takich jak typografia, kolor i układ, ale to, co naprawdę zamierzasz wynieść z tej książki, to w jaki sposób pasują one do procesu projektowania. Uczy, jak prowadzić badania, jakie technologie mamy do realizacji pomysłów, a ostatecznie, jak pracować z innymi, a także z klientami — idealna pasza dla ludzi, w tym kierowników projektów, kierowników projektów, freelancerów lub każdego, kto jest zaangażowany w proces realizacji projektu .
Naucz się kontroli wersji z Git przez Wieżę
- Idealny dla: Opanowanie Gita
- Poziom nauki: Wszystkie poziomy mile widziane
- Wymaga: Brak wcześniejszej wiedzy
W tej książce zespół stojący za popularnym Klient Tower dla Git wprowadzić uczących się w sedno systemu kontroli wersji za pomocą Git. Deweloperzy pracujący w zespołach uznają to za bardzo przydatne, ponieważ pomaga w efektywnej współpracy z członkami zespołu, budując różne funkcje projektu, nawet gdy dzieli Cię tysiące mil. To powiedziawszy, nadal jest naprawdę świetny dla każdego, kto może obawiać się wiersza poleceń i chce tam zbudować pewność siebie.
A ponieważ książka została stworzona przez twórcę aplikacji, która współpracuje z Git, dostaniesz niezłą dawkę używania Tower jako GUI, oprócz pracy bezpośrednio w wierszu poleceń.
Tak więc, niezależnie od tego, czy chodzi o zatwierdzanie, rozgałęzianie, łączenie, żądania ściągnięcia, pracę z rozwidleniem lub rozwiązywanie konfliktów scalania, z tej książki dowiesz się wiele.
Książki o JavaScript
Nauka JavaScript zawsze wydaje się modna. Faktycznie, Jason Rodriguez napisał o krajobrazie uczenia JavaScript w 2018 roku i dostarczył ładną listę darmowych książek. Od tego czasu nie pojawiło się zbyt wiele, ale oto moje przemyślenia na temat kolejnych książek.
Wymowny JavaScript autorstwa Marijna Haverbeke
- Idealny dla: Coraz lepszy w pisaniu JavaScript
- Poziom nauki: Od średniozaawansowanych do doświadczonych programistów
- wymaga: Wcześniejsze doświadczenie JavaScript
Wymowny JavaScript naprawdę zasługuje na swoją nazwę. Osobiście uważam tę książkę za jedną z najlepiej napisanych książek o JavaScript, z jakimi kiedykolwiek się zetknąłem. Styl pisania Marjina jest wciągający, zwłaszcza jeśli chodzi o to, jak wprowadza koncepcje programowania i prowadzi czytelnika. Według jego słów, książka jest po prostu o instruowanie komputerów i zmuszanie ich do robienia tego, co chcesz.
Książka jest głębokim zanurzeniem się w JavaScript rozłożonym na trzy części i 21 rozdziałów. Przeczytasz sporo o podstawowych koncepcjach programowania, takich jak wartości, typy, operatory i funkcje, a także o zaawansowanych koncepcjach, takich jak wyrażenia regularne, moduły, model DOM i programowanie asynchroniczne. Każdy rozdział zaczyna od nieco filozoficznego cytatu, aby przygotować czytelnika na to, co nas czeka, a następnie zagłębia się w temat.
Dodatkowo dostępne są trzy projekty, które pomogą Ci ćwiczyć nowo odkryte umiejętności.
Zrozumienie obietnic JavaScript autorstwa Nicholasa C. Zakas
- Idealny dla: Ci, którzy chcą dowiedzieć się wszystkiego o programowaniu asynchronicznym z obietnicami w JavaScript.
- Poziom nauki: Pośredni
- wymaga: Podstawowe kotlety JavaScript
Obietnice JavaScript zostały wprowadzone w 2015 roku jako część specyfikacji ES6 do obsługi funkcji asynchronicznych w JavaScript. Według MDN:
Obietnica to obiekt reprezentujący ostateczne zakończenie lub niepowodzenie operacji asynchronicznej
W tej 51-stronicowej książce Nicholas wyjaśnia koncepcję obietnic w trzech rozdziałach: Podstawy, Łączenie obietnic i Praca z wieloma obietnicami. Chociaż link do udostępnianej przez nas książki to darmowa wersja społecznościowa, pełna wersja (dostępne na Amazon) zawiera jeszcze dwa rozdziały dotyczące funkcji asynchronicznych i śledzenia nieobsługiwanych odrzuceń. Nicholas uprościł koncepcję Obietnic kilkoma ilustracjami i przykładami. Dowiesz się, jak korzystać then(), catch(), finally() i zrozumieć, jak połączyć wiele obietnic. Nicholas obejmuje również przypisanie osób zajmujących się odrzuceniem i rozliczeniami. Możesz przeczytać książkę, aby ugruntować swoje zrozumienie tematu.
Nicholas jest doświadczonym autorem książek o JavaScript, który pisze o JavaScript od ponad 15 lat. W tej książce wnosi swoje bogate doświadczenie (tak jak ma to miejsce w jego praca tutaj w CSS-Tricks).
Mówienie JavaScript przez Axela Rauschmayera
- Idealny dla: Awansowanie od początku JavaScript
- Poziom nauki: Pośredni
- Wymaga: Znajomość programowania obiektowego
Ta książka jest przedstawiona w czterech rozdziałach obejmujących ponad 30 tematów. Oto jak to się rozkłada:
- Pierwszy rozdział to miłe odświeżenie składni, typów zmiennych, funkcji i obsługi wyjątków.
- Drugi rozdział przedstawia historyczną perspektywę JavaScript jako wstęp do typów funkcji omówionych w pozostałej części książki.
- Rozdział 3 jest przedstawiony jako mniej więcej podręcznik z krótkimi, przejrzystymi przykładami.
- Ostatni rozdział zawiera wskazówki, narzędzia i biblioteki ułatwiające pisanie lepszego JavaScriptu i stosowanie najlepszych praktyk.
Sekrety JavaScript Ninja autorstwa Johna Resiga i Beara Bibeaulta
- Idealny dla: Tworzenie od podstaw biblioteki JavaScript dla różnych przeglądarek
- Poziom nauki: Pośredni
- Wymaga: Trochę wcześniejszego doświadczenia w programowaniu
Tak naprawdę jest nowsze wydanie tej książki, ale edycja 2012 to ta, która jest darmowa. Tak czy inaczej, to dobra okazja, by uczyć się od Johna Resiga; wiesz, facet, który stworzony jQuery.
Omówione tutaj techniki obejmują domknięcia, funkcje, DOM, orientację obiektową z prototypami i strategie dla różnych przeglądarek. Jedną z fajnych korzyści jest to, że po każdym rozdziale następuje krótkie podsumowanie, które jest idealnym punktem odniesienia po ukończeniu książki.
Nauka wzorców projektowych JavaScript przez Addy Osmani
- Idealny dla: Nauka pisania wydajniejszego JavaScript
- Poziom nauki: Pośredni
- Wymaga: przyzwoity poziom obsługi JavaScript
Pojęcie wzorca projektowego odnosi się do wielokrotnego użytku rozwiązania często powtarzającego się problemu w tworzeniu aplikacji. W tej książce Addy Osmani omawia implementację typowych wzorców projektowych przy użyciu ES6 i nowszych, a także wzorców projektowych specyficznych dla Reacta, które mogą być bardzo przydatne podczas pracy nad złożonymi aplikacjami React, w których konserwacja jest głównym celem.
Niektóre z omówionych wzorców obejmują wzorce Singleton, Proxy, Provider, Prototype i Observer. W niektórych przypadkach Addy zawiera zalety i wady korzystania z niektórych z tych wzorców oraz ich wpływ na wydajność aplikacji.
Nie znasz JS autorstwa Kyle'a Simpsona
- Idealny dla: Opanowanie JavaScript
- Poziom nauki: Początkujący
- Wymaga: Niewielkie lub żadne wcześniejsze doświadczenie w programowaniu
Choć tytuł może być nieco prowokacyjny, Kyle sugeruje tutaj, że pisze tę książkę, zakładając, że nie masz żadnego wcześniejszego doświadczenia z JavaScriptem.
Kyle zaczyna od zapoznania się z podstawami programowania widzianymi przez pryzmat JavaScriptu. Następnie przechodzi w kolejnych rozdziałach do wprowadzenia bardziej zaawansowanych pojęć, takich jak zakres i zamknięcie, this słowo kluczowe, prototypy obiektów, asynci wydajność.
Jest tu wiele doskonałych szczegółów i wyjaśnień, a Kyle sprawia, że jest to bardzo łatwe do zrozumienia, unikając super technicznego żargonu. Istnieje również wiele ćwiczeń, które mają wzmocnić Twoją naukę. Ta książka z pewnością pozwoli Ci szybko zapoznać się z JavaScriptem. W przygotowaniu jest drugie wydanie książki które możesz śledzić w serwisie GitHub.
Podręcznik dla początkujących JavaScript autorstwa Flavio Copes
- Idealny dla: Referencje dla początkujących
- Poziom nauki: Dopiero się zaczyna
- wymaga: Rejestracja przez e-mail, może jakieś wcześniejsze doświadczenie
Flavio przygotował bardzo przydatne odniesienie do JavaScriptu dla tych, którzy dopiero zaczynają. Jest to bardziej krótki przewodnik niż podręcznik, więc ci, którzy dopiero zaczynają, mogą chcieć rozważyć to jako coś, co trzymasz na biurku, a nie coś, przy czym siedzisz przez długi czas.
JavaScript dla nauki o danych autorstwa Gansa, Hodgesa i Wilsona
- Idealny dla: Wchodzenie w wizualizacje danych
- Poziom nauki: Średniozaawansowany do zaawansowanego
- wymaga: Przyzwoity uchwyt na JavaScript
Autorzy omawiają podstawowe cechy współczesnego języka JavaScript, w tym wywołania zwrotne, obietnice, dziedziczenie, obiekty i klasy. Dostają się również do testowania za pomocą Mokka, React i wizualizacja danych, z których wszystkie są świetne dla każdego, kto chce poprawić swój kod i sposób jego napisania. Ta książka nie zagłębia się w wiele pojęć, jak niektóre inne książki, ale naprawdę błyszczy, gdy wchodzi w naukę o danych.
Książka wykorzystuje Data-Forge; biblioteka JavaScript zaprojektowana do pracy z danymi tabelarycznymi. Istnieje wiele ćwiczeń, które pomogą czytelnikom nadążyć za tematem dyskusji. Ostatni rozdział zawiera również projekt zwieńczenia, który łączy wszystko w całość.
Zamykając
Mam nadzieję, że ten zbiór książek będzie Ci pomocny, niezależnie od tego, czy stawiasz pierwsze kroki w tworzeniu front-endowych stron internetowych, masz za sobą kilkanaście lat, czy też znajdujesz się gdzieś pomiędzy. Wiem, jak trudno jest po raz pierwszy wejść w coś nowego i to uczucie, że nie wiesz, gdzie szukać. Wiem też, jak to jest osiągnąć płaskowyż i potrzebować czegoś, co mnie podniesie na wyższy poziom. Każdy powinien znaleźć tu coś dla siebie, niezależnie od tego, na jakim etapie swojej nauki się znajdujesz.
I hej, jeśli masz jakieś inne książki, które są dostępne do zdobycia za darmo online, podziel się nimi w komentarzach! Założę się, że możemy zrobić jeszcze dłuższą listę.
