Автор оригинала: Miguel Aguas.
Обучение веб-разработке – это огромное преимущество для основателя, даже понимание оснований будет чрезвычайно полезным. Этот пост даст вам обзор высокого уровня всего, что вам нужно, чтобы узнать, дорожная карта для начала работы и коллекция лучших ресурсов, которые вы можете использовать, чтобы узнать быстро.
Я собираюсь рассказать вам все, что нужно знать профессиональный веб-разработчик, но если вы заинтересованы только в понимании оснований – вы можете перестать читать после раздела «Доменные имена и хостинг».
Фонды (HTML/CSS/JS)
Лучший способ начать – это изучение 3 основных технологий, из всех веб-сайтов. HTML Определяет содержимое веб-сайта, CSS указывает, как он выглядит (шрифты/цвета/изображения/и т. Д.), и JavaScript позволяет динамически манипулировать элементами (все интерактивное, которое вы видите в Интернете, был сделан с использованием JS).
Он возьмет вас через процесс создания вашего первого веб-сайта и дать вам отличное место для начала.
Рамотки
Рамки являются инструментами, которые позволяют вам реализовать все общие функции намного быстрее и проще.
Я рекомендую использовать фреймворки как можно раньше, потому что они позволят вам получить результаты намного быстрее, и в то же время научит вам лучшие практики в очень естественном и интуитивном пути. Просто используя фреймворки, вы поглотите огромное количество знаний невероятно быстро, и избегайте тратить время на что-нибудь ненужное.
В веб-разработке всегда есть огромное количество технологий для выбора, и этот выбор часто может быть трудно для новичка. Для остальной части статьи я буду избавить вас от путаницы, а вместо того, чтобы листировать плюсы и минусы каждого варианта, я просто скажу вам лучшие вещи, которые можно использовать на основе моего опыта.
Лучшее место, чтобы начать, это обучение Bootstrap и jquery Отказ Это, безусловно, самые популярные рамки, которые используются подавляющим большинством сайтов.
Bootstrap это каркас CSS, которая дает вам кучу легко настраиваемых интерфейсных элементов и позволяет вам очень быстро создавать адаптивные веб-сайты (адаптивные средства, которые они хорошо выглядят на мобильных устройствах).
jquery Является ли структура JavaScript, что значительно упрощает способ манипулировать элементами веб-страницы. Он имеет огромное количество плагинов для каждой мыслимой цели, поэтому всякий раз, когда вам нужен интерактивный элемент, вы можете быть уверены, что вы найдете способ создать его с jQuery. Также будет очень легко, потому что Stackoverflow уже имеет решения до 95% вопросов, которые вы столкнулись с вами.
Наконец, ради полноты я должен упомянуть компас. Вам не нужно думать об этом в самом начале, потому что важно для вашей способности делать сайты, но когда вы достигнете точки, где вы пишете много промежуточных/продвинутых CSS, и начнут найти его Будучи утомительно, вы обязательно должны помнить об этом. Компас делает процесс написания CSS Way Быстрее и приятнее, поэтому, если вы можете вкладывать пару часов в изучение того, что это будет одним из лучших повышений производительности, которые вы можете себе представить.
Доменные имена и хостинг
Как только вы узнаете основы и построили свой первый веб-сайт, естественным образом вы хотите сделать его доступным для всего мира. Опять же, в интересах сохранения ваших часов исследований я не буду перечислены сотни доступных вариантов, и просто сообщите вам «правильные» вещи для использования.
Купить доменные имена, которые вы будете использовать Namecheap Отказ Как подразумевает название, он имеет очень хорошие цены, а также отличный пользовательский опыт.
Чтобы провести свои первые страницы, вы должны использовать Bluehost Он дешевый, очень прост в использовании, имеет отличную документацию и много автоматизированных инструментов. Он делает установку WordPress или хостинг простых HTML-страниц чрезвычайно простым, поэтому, если ваша цель – начать быстро – это именно то, что вам нужно.
Наконец, когда вы пойдете дальше и получите больше навыков – вам понадобится VPS (виртуальный частный сервер). Это так, чтобы поставить его просто, удаленный компьютер у вас есть полный контроль и будет использовать для обслуживания сайтов, которые вы построили с рамки. Я настоятельно рекомендую использовать Digitalocean Он имеет отличные цены, красивый и интуитивно понятный интерфейс, и я был счастливо, используя его для проведения всех моих веб-сайтов за последние 4 года.
Backend Framework
Теперь, когда вы узнали основы, и создали несколько простых веб-сайтов, используя инструменты, перечисленные выше, вы можете решить пойти дальше, и узнать, как профессионально создавать пользовательские сайты.
Для этого лучшее место для начала изучают одну из основных рамх. Backend Frameworks Run на сервере и динамически генерируют HTML для веб-сайта каждый раз, когда пользователь посещает URL.
Как всегда, есть десятки вариантов, но я помогу вам сузить его до 3 – Джанго , Ruby на рельсах и Узел/Экспресс Отказ
Мнения, на которых вы должны учиться, сначала будут отличаться между разными разработчиками, но я настоятельно рекомендую вам начать с Django, а затем изучать узел/Express.
Frontend Frameworks
Если вы понимаете HTML/CSS/JS и One Backend Framework, вы являетесь способенным веб-разработчиком с мощностью для создания многих видов веб-сайтов. Если вы хотите стать разработчиком Full-Stack – добро пожаловать в мир Frameend Frameworks.
Frontend Frameworks позволит вам создавать мощные одностраничные приложения. На данный момент вы по сути, сделаете приложение, которое полностью работает в браузере, иногда обмениваясь данные с сервером (например, Gmail или Trello).
Долгое время в этом пространстве было много конкурентов, но, как вы читаете эту статью, лучший выбор довольно четкий – вы должны учиться Реагировать и redux Отказ
Я настоятельно рекомендую вам создать веб-сайт с узлом и реагированием/redux, потому что он действительно поможет вам понять, как создавать и использовать API для отдыха, и сочетать весь набор технологий в мощное и полезное программное обеспечение.
Дежопт
Pheew, это много вещей. Заключительная часть головоломки в полном стеке веб-разработчик должен учиться, это Дежол Отказ Это глубокий предмет, который я не являюсь экспертом, но основы развертывания сайтов не так уж сложно понять.
К настоящему времени вероятность того, что вы узнали много всего, просто создавая и развертывающие веб-сайты. Вы, вероятно, использовали GitHub и какой-то инструмент CI для развертывания ваших веб-сайтов и NGINX для их обслуживания.
Теперь, большая вещь, которую вы должны учиться, это Докер Отказ Docker – это отраслевый стандарт для развертывания веб-приложений, это делает весь процесс быстро, элегантным и удобным.
Лично я научился докер с этого курса, и я очень доволен этим. Этот курс короткий, простой, до такой степени, что и легко понять.
Заключение
Я надеюсь, что эта статья была полезна для вас. Очевидно, что в одной статье нельзя охватывать все в одной статье. По крайней мере, это тип статьи, которую я хотел бы доступен мне несколько лет назад.
Вы, безусловно, узнаете больше, как вы следуете, и входите в глубину в темы, которые интересуют вас больше всего, но я думаю, что теперь ваш путь будет гораздо более простым и менее запутанным.