How to become a web developer. A Field Guide (ADVANCED PACKET)
Как стать веб-разработчиком: Полевое руководство - это книга, которая знакомит вас с областью веб-разработки. Мы объясняем, что нужно, чтобы получить работу веб-разработчика, и что вы можете сделать, чтобы стать им.
Привет! Я Angel, автор этой книги.
Только когда мне было за тридцать, я серьезно не задумывалась о том, чтобы стать веб-разработчиком. Честно говоря, я даже не была уверена, что значит работать веб-разработчиком. Все, что я знала, было то, что я хотела работать на компьютерах (и меня привлекли возможности трудоустройства).
Я начала с чтения статей и советов от друзей. Я продолжала читать статьи, книги и онлайн-курсы, но часто обнаруживала, что в блогах слишком много предположений о том, что я знала, и они не начинались с самого начала.
Не зная, что изучать (или как изучать), мой путь был запутанным, стрессовым и неэффективным.
Я написала эту книгу для «себя» пять лет назад; для человека, который начинает думать о том, что может потребоваться, чтобы стать программистом или веб-разработчиком.
В этой книге я расскажу об основах. Но что более важно, я буду говорить о том, почему они являются основными.
Моя цель - не научить вас определенным навыкам, таким как HTML. Вместо этого я покажу вам, как ориентироваться в том, что вас ожидает. Я настрою вас на следующие шаги, будь то путь самообучения или посещение буткемпа.
К концу этой книги вы сможете принять обоснованное решение о своем будущем и понять шаги и обязательства, которые потребуется для его достижения.
Представьте что вы:
Сегодня я хочу быть вашим гидом и показать вам кратчайший путь к тому, чтобы стать веб-разработчиком.
Я научу:
Полевой путеводитель по новой карьере
Как стать веб-разработчиком: Полевое руководство - это курс из 9 уроков, который знакомит вас с основными инструментами повседневной работы веб-разработчика.
Эта книга покажет вам, как начать веб-разработку - и как не забиваться в тупики.
ПРАКТИЧЕСКИЕ ЗАНЯТИЯ
Каждая глава включает в себя простые упражнения. Мы используем много скриншотов, поэтому вы можете сосредоточиться на обучении, а не на устранении неполадок.
ПРОЗРАЧНЫЙ ЯЗЫК
Мы подробно объясняем каждый термин и не предполагаем, что у вас есть много технических знаний
Что внутри
Глава 0: Как извлечь максимум пользы из этой книги
В этой главе мы устанавливаем ваши ожидания: сколько времени займет чтение книги и проработка упражнений. Мы обсуждаем тип читателя, от начинающего веб-разработчика до человека, который просто хочет лучше понять темы, эта книга написана для начинающих.
Мы говорим о том, как читать эту книгу и что от вас потребуют упражнения. Мы упорно трудились, чтобы сделать упражнения легкими. Мы используем много скриншотов, поэтому вы сосредоточены на обучении, а не на том, как следовать.
Мы также говорим об общих чертах каждой главы. Каждая глава заканчивается разделом «Соображения для дальнейшего изучения», где мы предлагаем последующие темы и ресурсы для изучения.
Кроме того, мы обсудим, как обратиться за помощью, если у вас есть вопрос.
Глава 1: Настройка и инструменты
Эта глава готовит нас с необходимыми инструментами, используемыми в Упражнениях на протяжении всей книги.
Сначала мы расскажем, как пользоваться Chrome DevTools. Затем мы предлагаем вам скачать бесплатный текстовый редактор и выполнить несколько коротких упражнений, чтобы познакомить вас с его основным макетом.
Наконец, мы кратко поговорим об операционных системах, в частности о Windows и MacOS. Пользователи Windows и MacOS смогут участвовать во всех Упражнениях в книге.
Глава 2. Что такое веб-страница?
Эта глава представляет собой введение в HTML, основополагающий язык Интернета. Мы узнаем, для чего используется HTML, и выполним упражнения в DevTools и текстовом редакторе, чтобы лучше освоить синтаксис HTML.
Упражнения начинаются с работы с языком разметки, а затем медленно продвигаются по синтаксису HTML. Мы используем DevTools и текстовый редактор для удобного изменения и написания HTML.
Как и во всех главах этой книги, основное внимание уделяется обучению понятиям «почему и как», а не тому, чтобы вы запоминали элементы HTML или различные определения. Цель состоит в том, чтобы показать читателю, как браузер и язык HTML работают вместе для отображения веб-страницы.
Глава 3: Использование CSS для добавления стиля
Предыдущая глава была посвящена HTML, структуре веб-страницы. В этой главе мы сосредоточимся на CSS, стиле.
CSS - это еще один язык разметки, который работает с HTML и браузером для предоставления стиля HTML, такого как цвета, различные шрифты и позиционирование. Мы исследуем эти концепции с помощью упражнений, снова используя DevTools и текстовый редактор.
Мы также узнаем о панели стилей DevTools и узнаем о некоторых из ее более удобных функций. Мы используем панель «Стили», чтобы узнать больше о специфичности селектора. Специфика выбора - важная концепция, с которой сталкиваются даже опытные веб-разработчики, потому что они не нашли время, чтобы понять это; а нас время есть.
В последнем упражнении этой главы мы рассмотрим, как добавить CSS на веб-страницу, и покажем, почему вы можете выбрать один метод вместо другого.
Глава 4: JavaScript
В этой главе мы отойдем от языков разметки и расскажем о нашем первом языке программирования: JavaScript.
Как вы узнаете, JavaScript везде. Мы более подробно рассмотрим, почему JavaScript везде и как веб чувствует себя без него. Подсказка: это не так здорово.
Затем мы исследуем синтаксис JavaScript с помощью панели консоли DevTools. Мы используем наш текстовый редактор, чтобы исследовать, как выглядит «интерактивность» и как мы можем использовать JavaScript, чтобы сделать веб-страницу интерактивной.
Мы рассмотрим селекторы элементов JavaScript, прослушиватели событий, переменные, массивы и объекты. Все ключевые понятия в изучении JavaScript, но, что более важно, ключевые понятия, которые являются основополагающими для всех основных языков программирования.
Глава 5: Языки программирования
Последние три главы - HTML, CSS и JavaScript - были плотными. Я слегка укрыла тебя огнем, и я прошу прощения, если ты чувствуешь себя немного шатким на ногах.
Эта глава менее тяжелая, и ее следует читать более непринужденно. HTML, CSS и JavaScript - трио основных языков веб-разработки. Язык, который вы выберете для изучения после освоения этого трио, будет во многом зависеть от того, в какой области веб-разработки вы хотите заниматься. Глава «Языки программирования» фокусируется на этом обсуждении; познакомить вас с первой десяткой языков программирования.
Мы заканчиваем главу обзором ресурсов, которые помогут вам найти работу по веб-разработке. И что еще более важно, как читать эти объявления о работе, расшифровывая навыки, которые действительно требуются в должности.
Честно говоря, эта глава моя любимая. Но я тоже легкомыслена. Что, как вы увидите, могло повлиять на мою любовь к этой главе.
Глава 6: Терминал
Терминал является одним из наиболее важных инструментов, которые вы научитесь использовать в качестве будущего веб-разработчика. Но прежде чем мы начнем его использовать, нам нужно узнать, как он работает и что делает его особенным. В этом обсуждении мы говорим о оболочках, графических интерфейсах и CLI. Это концепции, которые часто игнорируются, но они важны, если вы хотите понять, как работает терминал. Трата времени на эти детали также объединит множество концепций, в результате чего «ах ... теперь я понял! Moment ”момент.
В этой главе вы узнаете, как открывать и запускать популярные команды внутри терминала. Мы создаем наш собственный файл «ведения заметок», откуда мы начинаем записывать заметки о командах, о которых мы узнаем.
Мы также рассмотрим очень важное, но часто упускаемое из виду обсуждение путей к файлам. Подобно грамматике «эффект» против «аффекта», люди на самом деле не знают различий между различными типами путей к файлам, они предполагают и надеются на лучшее. Мы берем догадки из уравнения, четко объясняя разницу и настраивая вас как пользователя главного терминала.
Глава 7: Git и контроль версий
Благодаря нашим новым навыкам в терминале, мы теперь готовы использовать один из самых любимых инструментов разработчиков: Git. Git - это инструмент контроля версий, помогающий разработчикам сохранять все свои файлы и изменения организованными. Звучит скучно? Я обещаю, что это не так; это на самом деле очень впечатляет.
Git - это инструмент, который веб-разработчики используют ежедневно. Git в конечном итоге становится такой второй натурой, что легко принять это как должное. Мы тратим немного времени на изучение истории Git и конкурентных преимуществ, помогая нам оценить его мощь и то, что она делает для нас.
Оттуда мы работаем через общий рабочий процесс Git, используя терминал. Когда рабочий процесс отключен, мы тратим немного больше времени на то, чтобы понять, что такое коммит Git. Подсказка: это ключ к тому, что делает Git таким мощным.
Затем мы переходим к рассмотрению силы ветвления, способности Git никогда не забывать и Git в облаке.
Во время выполнения упражнений этой главы вы создадите профиль GitHub. Git и GitHub - это разные инструменты, которые вы часто встречаете в паре. Мы заканчиваем главу созданием запроса на извлечение, который будет рассмотрен и принят автором. Это будет ваш первый шаг к созданию GitHub.
Глава 8: фронтэнд и бэкэнд-разработка
Это последняя глава, чтобы представить новые концепции и упражнения. Мы рассмотрели основные темы веб-разработки и теперь находимся на распутье. Этот раздел, разделение между Backend и Frontend, - это то, что мы обсуждаем в этой главе.
Мы рассмотрим, почему произошло это разделение, как это разделение не всегда существовало, и что это значит для вас и вашего будущего поиска работы. Мы разбиваем различные компоненты между Frontend и Backend, давая понять, что представляет собой Backend и Frontend.
Мы знакомим вас с API и используем различные упражнения для изучения того, как API помогают в общении между Backend и Frontend. Мы заканчиваем эту главу созданием наших собственных API, используя Node.js для Backend и JavaScript, HTML и CSS для Frontend.
Глава 9: Полевое руководство
В этой последней главе собраны все темы, которые мы изучили, и помещены в Полевое руководство, которое наглядно представляет следующие шаги
У вас будет доступ к полевому руководству размером 11 X 17 в формате PDF. В «Полевом руководстве» приведены оценки времени для дополнительного изучения и времени, потраченного на проекты. Кроме того, я разбиваю каждый из этих «следовых постов», чтобы обсудить следующее:
Интервью с разработчиками, которые сделали этот курс ADVANCED
Расширенный пакет включает в себя четыре интервью с разработчиками программного обеспечения, которые дают советы о том, как проникнуть в отрасль.
Интервью 1
Сила любопытства
Время: 26:19
Прогресс Джеффа как программиста впечатляет. Его карьерный путь доказывает, что любопытство в сочетании с сильной трудовой этикой может ускорить ваш карьерный путь.
Моя любимая история от Джеффа о том, как поздний пост в Твиттере о скрипте на Ruby привлек его к работе генеральным директором его следующей работы.
Джефф не изучал информатику в школе. Вместо этого он позволил своим интересам и увлечению руководить своими личными исследованиями, что позволило ему быстро узнать сложные темы программирования, уделяя основное внимание DevOps и системному администратору. История Джеффа мотивирует, поскольку он показывает нам, что возможно с помощью самообучения и тяжелой работы.
Интервью 2
Возвращаясь в Tech
Время: 22:07
Я думаю, что больше всего мне нравится в карьере Софии то, насколько она динамична и как она использовала приливы и отливы в свою пользу.
Начав работать в качестве разработчика PHP, София, выполняя различные роли в небольших компаниях и в качестве консультанта, изучала новые языки и структуры, которые помогли ей продвинуться в качестве разработчика. Добавление к ее истории - то, что она сделала все это, управляя требованиями быть матерью двоих детей. Она работала полный рабочий день в компаниях и неполный рабочий день. Она работает в компаниях, а также в качестве консультанта.
Совсем недавно она вернулась на работу в большую техническую компанию. Она является отличным примером того, как заставить вашу ситуацию работать на вас и по-прежнему оставаться конкурентоспособной в быстро меняющейся области. София также, на сегодняшний день, мой любимый технический писатель;
Интервью 3
Как это случилось
Время 16:20
История Фермина - это та история, которую вы слышите и не можете не улыбнуться. У него был интерес к программированию. Затем пригласил своих друзей по программированию на ужин, чтобы принять их советы.
Затем он подписался на буткемп и пообещал и себе, и инструктору, что он будет работать очень усердно и в конце концов получит работу. И он сделал!
Я искренне желаю, чтобы у меня было предвидение, чтобы быть таким усердным в моей собственной карьере. История Фермина помогает вам в это поверить, да, это возможно. Его совет мотивирует и воодушевляет.
Интервью 4
Вам не нужно работать в технологии, чтобы быть программистом
Время: 21:35
Карлос является известным членом сообщества в округе Сонома, штат Калифорния. Через свою компанию Bike Monkey он собрал более 2 миллионов долларов для Risk Youth и 1,1 миллиона долларов для тех, кто пострадал от пожаров в округе Сонома.
История Карлоса с 5-летним склонностью к компьютерам для основателя / генерального директора демонстрирует силу самообучения и страсти. Карлос получил нетрадиционное образование. Он был на домашнем обучении, и к 19-20 годам был достаточно опытным, чтобы получить свою первую работу программиста. Он работал в мире корпоративных технологий в течение 10 лет, но ушел в надежде преследовать более страстные и личные амбиции.
Сегодня он использует свой технический опыт и страсть, чтобы оказать реальное влияние на его сообщество. Он является владельцем бизнеса, основателем, лидером и движущей силой в округе Сонома. В этом интервью вы можете услышать, как проходит его программирование, и узнать, что оно позволило ему сделать.
Учебное пособие и панель инструментов
Расширенный пакет также включает в себя учебное пособие и информационную панель, которые дадут вам четкий путь - и конкретные цели - для продвижения вашего обучения.
Это учебное пособие - руководство, которое я хотела бы получить, когда начала изучать веб-разработку.
Когда я начинала, я делала много неправильных ходов и не отслеживала то, что я изучала или как темы были связаны друг с другом. Вот что делает данное Учебное пособие: ставьте задачи друг над другом с конечной целью создания проекта, который вы можете представить будущему работодателю.
Если вы серьезно относитесь к этому и работаете с этим учебным пособием, вы сможете подать заявку на работу в качестве младшего веб-разработчика или разработчика начального уровня и получить работу.
Как стать веб-разработчиком - это то, что вам нужно, если ...
ADVANCED PACKET
Newline - это образовательная платформа для разработчиков, ориентированная на будущих технических лидеров.Предлагает разнообразные курсы по фронтенду, бэкенду, современным языкам и технологиям, включая Rust, GraphQL и направления, связанные с искусственным интеллектом.Подписка newline Pro даёт доступ к десяткам курсов, видеоуроков, интерактивным проектам, исходному коду и закрытому сообществу.Бесплатный план включает базовые видео, библиотеку мат
![[Книга] Как стать веб-разработчиком: Полевое руководство](https://cdn.coursehunter.net/courses/270x330/kniga-kak-stat-veb-razrabotchikom-polevoe-rukovodstvo.webp)
