Відразу після «Де найкраще вчитися?» мабуть, найпоширеніше запитання, яке я чую від людей, які займаються програмуванням, це «Які книги з веб-розробки мені варто взяти для вивчення?» Що ж, вважайте це відповіддю на це запитання, оскільки я підготував список книг, які не лише чудово підходять для розробки інтерфейсу, але й доступні у вільному доступі.
Книги по CSS
Це основна частина того, де ми збираємося тусуватися, тому що це сайт в основному про CSS!
Магія CSS Адам Шварц
- Ідеально підходить для: Подальші кроки на вашому шляху до CSS
- Рівень навчання: Проміжний
- потрібно: Деяке базове розуміння CSS
Адам Шварц охоплює шість концепцій CSS у цій книзі, включаючи модель коробки, макет, таблиці, колір, типографіку та переходи. Ці речі навіть ставлять у пень деяких досвідчених CSS, деякі з цих понять можуть збентежити. Адам доклав чимало зусиль, щоб демістифікувати кожну з них.
Крім того, що книга є чудовим посібником із складних концепцій CSS, мені подобається те, що кожну з властивостей CSS, згаданих у книзі, можна натиснути, тож ви завжди можете натиснути на них, щоб побачити, як кожна з них застосована. Є багато наочних прикладів і рекомендацій для подальшого читання, якщо ви захочете дізнатися більше про кожен розділ.
Я вважаю розділ про кольори дуже цікавим не лише тому, що в ньому розповідається про найкращі методи використання кольорів із доступністю, а й тому, що тут є надзвичайно практичні додатки, наприклад, коли Адам починає використовувати CSS для підтримки брендингу організації.
Гнучкий веб-дизайн Джеремі Кіт
- Ідеально підходить для: Розробка стратегії написання коду
- Рівень навчання: Проміжний
- потрібно: Деяке базове розуміння CSS
Зі вступу:
Ви не знайдете тут жодного коду, який допоможе вам створювати кращі веб-сайти. Але ви знайдете ідеї та підходи. Ідеї більш стійкі, ніж код. Я спробував поєднати найстійкіші ідеї з історії веб-дизайну в підхід до створення веб-сайтів майбутнього.
Те, що Джеремі так добре вміє, це опис навичок спілкування, таких як планування, окреслення та підходи до написання коду. Отже, замість того, щоб скидати фрагменти коду по всій книзі, ви знайдете деталі про стратегії коду, такі як прогресивне вдосконалення, вибір інструментів для використання та проблеми написання коду, орієнтованого на майбутнє.
А для тих із вас, хто не мав задоволення слухати, як Джеремі розповідає вміст (як він це робить у Серія «Історія веб-пошуку».), є аудіофайл, доступний для завантаження.
Початок веб-розробки CSS: від новачка до професіонала Саймон Коллісон
- Ідеально підходить для: Основи CSS
- Рівень навчання: Абсолютні новачки
- потрібно: Нічого, крім часу та мотивації
Можливо, це було написано в 2006 році, але висвітлення Саймоном веб-стандартів і доступності є позачасовим і актуальним сьогодні. Він надає розуміння сумісності, а також підходи до створення веб-додатків, включаючи ранні етапи планування, які часто залишаються поза увагою.
Книга складається з двох великих частин, які далі поділені на 16 розділів. Частина 1 охоплює такі теми CSS, як робота з текстом, посиланнями, списками, фоном, зображеннями, таблицями та формами. Він також не економить на деталях.
Частина 2 присвячена макету, проливає світло на зручність використання та маніпуляції макетом, а також практичне прикладне дослідження. Розділи розташовані таким чином, що один розділ природно перетікає в інший. Кожен розділ також містить заключний розділ, у якому висвітлюються всі важливі концепції, розглянуті в розділі.
Дійсно, книга надає розробникам-початківцям солідні знання CSS і поступово допомагає їм опанувати більш складні концепції. Це полегшить вашу подорож CSS.
Книги по HTML і CSS
CSS і HTML часто вивчають разом, що може бути особливо корисним, коли ви пишете свої перші рядки коду і хочете знати, як ці дві мови взаємодіють одна з одною.
Навчіться кодувати HTML і CSS від Шей Хау
- Ідеально підходить для: Початок вашої початкової подорожі
- Рівень навчання: початківці
- потрібно: Без попереднього досвіду
Шей називає цю книгу а простий і вичерпний посібник, який допоможе початківцям вивчати HTML і CSS.
Він робить це, зосереджуючись на загальних елементах зовнішнього дизайну та розробки. Деякі з охоплених уроків: Модель коробки, Позиціонування, Типографіка, Фон і градієнти, Списки, Медіа, Форми та Таблиці. У першому розділі *Створення вашої першої веб-сторінки Шей проаналізував вміст типового веб-сайту, включаючи елементи, атрибути та налаштування структури документа HTML, перевірку коду, селектори та скидання CSS. Я вважаю книгу дуже повчальною, особливо тому, що вона вийшла за межі поверхні, щоб розглянути багато ключових концепцій із зразками коду, за якими ви можете слідкувати.
Однією з важливих рис цієї чудової книги є те, що Шей створював повний проект з нуля протягом 12 уроків, а в кінці кожного уроку він надавав короткий виклад і посилання на поточний стан цього веб-сайту (так що ви можете порівняти зі своїм, якщо ви слідкуєте) і вихідний код на кожному етапі уроків.
Якщо ви навчаєтесь на практиці, ви знайдете цей матеріал дуже корисним, і до того моменту, коли ви закінчите, ви розробите багатосторінковий функціональний веб-сайт.
Поглиблене продовження курсу також доступне безкоштовно за тим самим посиланням.
HTML і CSS: вивчіть основи за 7 днів Майкл Кнапп
- Ідеально підходить для: Початок вашої початкової подорожі
- Рівень навчання: початківці
- потрібно: Без попереднього досвіду
Чи можете ви дізнатися все про HTML і CSS за сім днів? Можливо, ні, але саме тому ця книга 2017 року Майкла Неппа зосереджена безпосередньо на основах. Майкл заглиблюється в короткий урок історії, перш ніж розпочати структуру, логіку та презентацію HTML і CSS. Ви збираєтеся пришвидшити все до того моменту, коли почуватиметеся досить впевнено, створюючи базову веб-сторінку разом із кількома додатками, оскільки книга торкається SEO та аналітики.
Книга складається з простих програм, які ви можете запустити на своєму комп’ютері, якщо бажаєте слідувати.
Версія електронної книги доступна безкоштовно на Apple Books, але є також версія для Kindle, якщо у вас уже є підписка.
Найбільші хитрощі CSS, том. 1 Кріс Койєр
- Ідеально підходить для: Дивує те, що може зробити CSS
- Рівень навчання: Проміжний
- Вимагає: певний досвід CSS
Чи знаєте ви, що у CSS-Tricks також є книга про CSS? Було б безглуздо залишати це поза цим списком, тому що ви отримуєте колекцію класичних трюків CSS, які пояснює не хто інший, як Кріс Койєр. Фактично, Кріс вручну підібрав усі приклади, наведені в книзі, під час свого багато-багатьох (багатьох!) років роботи на цьому сайті з безлічі трюків, які траплялися йому на столі.
Кожен прийом усуває певну больову точку. Наприклад, перший Трюк «Закріпити прокрутку донизу».демонструє, як overflow-anchor Властивість CSS можна використовувати для створення того самого інтерфейсу, подібного до чату, у такому інструменті, як Slack, де екран закріплюється внизу таким чином, що створюється враження, що сторінка прокручується за вас, коли додаються нові елементи.
Книги по процесу
Код так само про це як ми пишемо код і співпрацюємо над проектами з іншими, оскільки мова йде про фактичний код, який ми пишемо. Наступні книги є чудовою відправною точкою для всього: від планування та управління проектами до спілкування та співпраці з іншими.
Співпрацюйте: об’єднуйте людей навколо цифрових проектів Еллен Де Вріз
- Ідеально підходить для: Стати кращим співробітником
- Рівень навчання: N / A
- потрібно: Відкритий розум для успішної співпраці з іншими!
У цій книзі Еллен розповідає про те, з чим ми всі маємо справу: про співпрацю з іншими. І це не дрібниця — книга поділена на чотири частини, які дуже глибоко розповідають про те, що ми можемо добре працювати з іншими:
- Знати, як підготувати ґрунт і створити належні умови для співпраці.
- Розвивайте культуру групи на ранніх етапах співпраці.
- Підтримуйте здоровий процес співпраці.
- Отримайте плоди співпраці.
Як стратег із контенту, Еллен має необхідний досвід, щоб допомогти будь-кому взяти участь у спільному проекті або отримати від співпраці максимум.
Сучасний процес веб-дизайну через webflow
- Ідеально підходить для: Старші дизайнери, керівники проектів
- Рівень навчання: N / A
- потрібно: Деяке базове розуміння CSS
У цій безкоштовній електронній книзі представлено семиетапний процес розробки, який має допомогти визначити робочий процес для сучасного бренду веб-дизайну.
Це включає в себе:
- Постановка цілей
- Визначення сфери застосування
- Карти сайту та каркаси
- Робота з контентом
- Обробка візуальних елементів
- Тестування
- Доставка
Будь-хто, хто розпочинає новий дизайн-проект або перебуває в його середині, знайде в книзі безцінні ідеї. І що найдивовижніше, це те, як це написано таким чином, що створюється враження, ніби вас тримають у руках через увесь проект від концепції до завершення.
Дизайн для Інтернету від Марка Боултона
- Ідеально підходить для: Вчимося працювати з клієнтами
- Рівень навчання: початківці
- Вимагає: Справжній інтерес до дизайну
Здається, багато організацій по-різному підходять до дизайну. Але автор Марк Боултон документує ретельний робочий процес проектування Дизайн для Інтернету який демістифікує багато проблем і охоплює все, що вам потрібно знати.
У цій книзі унікально те, що вона насправді про роботу. Звичайно, є купа надзвичайно цінної інформації про найкращі методи дизайну для таких речей, як типографіка, колір і макет, але що ви дійсно збираєтеся взяти з цієї книги, це як вони вписуються в робочий процес дизайну. Він навчить вас досліджувати, технологіям, які ми маємо для реалізації ідей, і, зрештою, тому, як працювати з іншими та клієнтами — ідеальний корм для людей, зокрема керівників проектів, керівників проектів, фрілансерів або будь-кого, хто бере участь у процесі реалізації проекту. .
Вивчіть керування версіями за допомогою Git біля Вежі
- Ідеально підходить для: Освоєння Git
- Рівень навчання: Запрошуються всі рівні
- Вимагає: Попередніх знань взагалі немає
У цій книзі команда за популярним Клієнт Tower для Git познайомити учнів із сутью системи контролю версій за допомогою Git. Розробники, які працюють у командах, знайдуть це особливо корисним, оскільки це допомагає ефективно співпрацювати з членами команди, створюючи різні функції проекту, навіть коли ви перебуваєте за тисячі миль один від одного. Тим не менш, це все одно чудово для тих, хто може соромитися командного рядка та хоче зміцнити там довіру.
А оскільки книга написана розробником програми, яка взаємодіє з Git, ви отримаєте приємну дозу використання Tower як графічного інтерфейсу користувача на додаток до роботи безпосередньо в командному рядку.
Отже, будь то коміти, розгалуження, злиття, запити на витяг, розгалуження роботи чи обробка конфліктів злиття, ви отримаєте багато від цієї книги.
Книги по JavaScript
Вивчення JavaScript завжди здається модним. Насправді, Джейсон Родрігес писав про ландшафт навчання JavaScript у 2018 році і надав гарний список безкоштовних книг. З тих пір не надто багато виникло, але ось мої думки щодо наступних книг.
Красномовний JavaScript Марійн Гавербеке
- Ідеально підходить для: Вдосконалююсь у написанні JavaScript
- Рівень навчання: Розробники середнього та досвідченого рівня
- потрібно: Попередній досвід роботи з JavaScript
Красномовний JavaScript справді відповідає своїй назві. Особисто я вважаю це однією з найкраще написаних книг про JavaScript, які я коли-небудь зустрічав. Стиль написання Марджина захоплює, особливо тим, як він представляє концепції програмування та захоплює читача. За його словами, книга просто про інструктувати комп’ютери та змушувати їх робити те, що ви хочете.
Книга є глибоким зануренням у JavaScript, яка складається з трьох частин і 21 розділу. Ви збираєтеся прочитати купу основних концепцій програмування, таких як значення, типи, оператори та функції, до складних концепцій, таких як регулярні вирази, модулі, DOM та асинхронне програмування. Він починає кожен розділ із дещо філософської цитати, щоб підготувати читача до того, що чекає попереду, а потім занурюється безпосередньо в тему.
Крім того, є три проекти, які допоможуть вам практикувати свої нові навички.
Розуміння обіцянок JavaScript Ніколас С. Закас
- Ідеально підходить для: Тим, хто хоче дізнатися все про асинхронне програмування з промісами в JavaScript.
- Рівень навчання: Проміжний
- потрібно: Основні фрагменти JavaScript
Обіцянки JavaScript були представлені в 2015 році як частина специфікації ES6 для обробки асинхронних функцій у JavaScript. За матеріалами MDN:
Проміс — це об’єкт, який представляє можливе завершення або невдачу асинхронної операції
У цій 51-сторінковій книзі Ніколас пояснює концепцію Promises у трьох розділах: Основи, Об’єднання обіцянок і Робота з кількома Promises. Хоча посилання на книгу, яку ми надаємо це безкоштовна версія спільноти, повна версія (доступний на Amazon) містить ще два розділи про асинхронні функції та відстеження необроблених відхилень. Миколай спростив концепцію обіцянок кількома ілюстраціями та прикладами. Ви дізнаєтеся, як використовувати then(), catch() та finally() і зрозуміти, як з’єднати кілька обіцянок разом. Ніколас також покриває призначення обробників відхилень і врегулювання. Ви можете прочитати книгу, щоб закріпити своє розуміння теми.
Ніколас — досвідчений автор книг про JavaScript, який писав про JavaScript понад 15 років. Він використовує свій багатий досвід у цій книзі (так само, як і в його роботу тут, у CSS-Tricks).
Говорячи про JavaScript Аксель Раушмаєр
- Ідеально підходить для: Підвищення рівня з початку JavaScript
- Рівень навчання: Проміжний
- Вимагає: Знання об'єктно-орієнтованого програмування
Ця книга складається з чотирьох розділів, які охоплюють понад 30 тем. Ось як це розбивається:
- Перший розділ – це гарне оновлення щодо синтаксису, типів змінних, функцій та обробки винятків.
- У другому розділі пропонується історичний погляд на JavaScript як прелюдія до типів функцій, які розглядаються в решті частини книги.
- Глава 3 представлена як більш-менш довідник із короткими, чіткими прикладами.
- В останньому розділі наведено поради, інструменти та бібліотеки, які допоможуть писати кращий JavaScript і слідувати найкращим практикам.
Секрети JavaScript Ninja Джон Резіг і Беар Бібо
- Ідеально підходить для: Створення кросбраузерної бібліотеки JavaScript з нуля
- Рівень навчання: Проміжний
- Вимагає: певний попередній досвід програмування
Насправді є нове видання цієї книги, Але випуск 2012 року є безкоштовним. У будь-якому випадку це гарна нагода повчитися у Джона Ресіга; ти знаєш, хлопець, який створений jQuery.
Методи, розглянуті тут, включають закриття, функції, DOM, об’єктну орієнтацію з прототипами та кросбраузерні стратегії. Одна приємна перевага полягає в тому, що після кожного розділу йде короткий підсумок, який ідеально підходить для довідки, коли ви закінчите читати книгу.
Вивчення шаблонів проектування JavaScript від Едді Османі
- Ідеально підходить для: Навчіться писати більш ефективний JavaScript
- Рівень навчання: Проміжний
- Вимагає: гідний рівень досвіду використання JavaScript
Концепція шаблону проектування стосується багаторазового вирішення проблеми, що часто повторюється під час розробки додатків. У цій книзі Едді Османі розповідає про реалізацію загальних шаблонів проектування за допомогою ES6 і поза ним, а також шаблони проектування, специфічні для React, які можуть бути дуже зручними під час роботи над складними програмами React, де обслуговування є основною метою.
Деякі з охоплених шаблонів включають шаблони Singleton, Proxy, Provider, Prototype і Observer. У деяких випадках Addy містить переваги та недоліки використання деяких із цих шаблонів і те, як вони можуть вплинути на продуктивність вашої програми.
Ви не знаєте JS від Кайла Сімпсона
- Ідеально підходить для: Освоєння JavaScript
- Рівень навчання: Початківець
- Вимагає: невеликий або зовсім відсутній досвід програмування
Хоча назва може бути трохи провокаційною, Кайл тут має на увазі те, що він пише цю книгу, припускаючи, що ви не маєте жодного досвіду роботи з JavaScript.
Кайл починає, вивчаючи зачатки програмування через призму JavaScript. Потім у наступних розділах він вводить більш просунуті поняття, такі як обсяг і закриття, this ключове слово, прототипи об'єктів, async, і продуктивність.
Тут є багато чудових деталей і пояснень, і Kyle робить це надзвичайно легким для розуміння, уникаючи надтехнічного жаргону. Існує також багато вправ, призначених для зміцнення вашого навчання. Ця книга, безсумнівно, допоможе вам швидше ознайомитися з JavaScript. У роботі другий випуск книжки які ви можете відстежувати в GitHub.
Посібник для початківців з JavaScript автор Флавіо Коупс
- Ідеально підходить для: Довідка для початківців
- Рівень навчання: Тільки починаю
- потрібно: Реєстрація електронною поштою, можливо, деякий попередній досвід
Флавіо зібрав дуже корисну довідку з JavaScript для тих, хто тільки починає. Це більше схоже на короткий довідник, ніж на підручник, тож ті з вас, хто тільки починає, можуть розглядати це як щось, що ви тримаєте на столі, а не те, над чим сидите протягом тривалого часу.
JavaScript для Data Science від Gans, Hodges & Wilson
- Ідеально підходить для: Вступ у візуалізацію даних
- Рівень навчання: Середній до просунутих
- потрібно: Пристойна обробка JavaScript
Автори описують основні функції сучасного JavScript, включаючи зворотні виклики, обіцянки, успадкування, об’єкти та класи. Вони також використовують тестування кава мокко, React і візуалізація даних — усе це чудово підходить для тих, хто хоче підвищити рівень свого коду та способів його написання. У цій книзі не так глибоко розглядаються багато концепцій, як у деяких інших книгах, але вона справді блищить, коли потрапить у науку про дані.
Книга використовує Data-Forge; бібліотека JavaScript, призначена для роботи з табличними даними. Є багато вправ, які допоможуть читачам бути в курсі теми обговорення. Останній розділ також містить завершальний проект, який об’єднує все разом.
Підводячи підсумок
Я дуже сподіваюся, що ця колекція книг допоможе вам, незалежно від того, чи робите ви перші кроки в інтерфейсній веб-розробці, маєте десяток років за плечима чи перебуваєте десь посередині. Я знаю, як важко вперше потрапити в щось нове, і відчувати, що не знаєш, де шукати. Я також знаю, як це почувати себе на плато, і мені потрібно щось, щоб підвищити свій рівень. Тут має бути щось для кожного, незалежно від того, де ви перебуваєте на своїй навчальній подорожі.
І, привіт, якщо у вас є інші книги, які можна безкоштовно взяти в Інтернеті, поділіться ними в коментарях! Б’юся об заклад, ми можемо скласти ще більший список.
