Новости и события » Hi-Tech » Пошаговое руководство: Как стать веб-разработчиком

Пошаговое руководство: Как стать веб-разработчиком

Пошаговое руководство: Как стать веб-разработчиком

Разработчик, преподаватель и автор курсов по программированию Билл Сорор опубликовал в блоге FreeCodeCamp подробную инструкцию для тех, кто хочет научиться веб-разработке с нуля. В каждому пункте Сорор приводит ссылки на обучающие материалы и рассказывает о том, для чего нужен тот или иной язык программирования или фреймворк.

По словам Сорора, он занимался написанием кода в течение 20 лет. Свою инструкцию он разделил на несколько разделов исходя из целей обучения - для базового изучения языков программирования и получения углубленных знаний по отдельным областям разработки.

«Я решил научиться программированию. Мне нравится веб, но я не знаю, с чего начать»

Как и в любой другой дисциплине, изучение программирования нужно начать с основ всех областей веб-разработки - часто это называют «full stack». «Это поможет определить область, в которой вам интереснее обучаться, и даст базовые знания для старта», - пишет Сорор.

Основы HTML

Разработчик советует начать с изучения основ HTML. «Начав с этого вы освоите разработку пользовательских интерфейсов и взаимодействие с ними. Кроме того, вы сразу увидите результат работы вашего кода», - отмечает преподаватель.

Сорор приводит ссылки на обучающие материалы по изучению HTML:

  • Основы.
  • Теги, атрибуты, элементы.
  • Тайтлы страниц.
  • Параграфы.
  • Заголовки.
  • Списки.
  • Ссылки.
  • Изображения.
  • Таблицы.
  • Формы.
  • Объединение всего изученного.

«Я знаю основы HTML»

Далее Сорор советует приступить у изучению основ JavaScript.

Основы JavaScript

«JavaScript - язык веба, все популярные браузеры (Chrome, Firefox, Safari, IE) имеют встроенную поддержку JavaScript. Каждый сайт или веб-приложение, которым вы пользуетесь, наверняка имеет большое количество JavaScript-кода внутри. Кроме того: язык сейчас становится популярным и на других платформах - например, серверах, рабочих столах и устройствах».

Основные ссылки для изучения JavaScript:

  • Работа JavaScript.
  • Переменные и данные.
  • Математические функции.
  • Логика.
  • Условия.
  • Циклы.
  • Функции.
  • Объекты.
  • Массивы.
  • Работа со структурой документа.
  • События.
  • AJAX.
  • JSON.
  • Область видимости.

«Я знаю основы JavaScript и HTML» CSS

Далее Сорор предлагает перейти к изучению CSS для настройки внешнего вида HTML-элементов. Для этого можно воспользоваться бесплатным учебником от Mozilla для обучения основам и сайтом CSS-Tricks для решения основных проблем.

Бэкенд

«К этому моменты вы получили знания для так называемой "фронтэнд-разработки". Теперь можно переключиться на "бэкенд". Это код, которые работает на сервере», - пишет Сорор. - Существует множество бэкенд-языков, но так как вы уже знакомы с JavaScript, я рекомендую изучить Node JS (программная платформа - прим. ред.). В дополнение к Node JS можно изучить Express и Mongo DB».

Express - библиотека, которая позволяет облегчить взаимодействие Node JS с веб-сервером. Mongo DB - база данных для хранения и получения информации.

Бесплатные ресурсы для изучения Node JS, Express и Mongo DB.

«Мне нужно выбрать между фронтэнд, бэкенд и фулстэк-разработкой»

После изучения Node JS Сорор предлагает определиться со специализацией в разработке: одна часть связана с взаимодействием с пользователем, вторая - с взаимодействием с данными. Для того, чтобы стать фулстэк-разработчиком, необходимо изучить обе части: фронтэнд и бэкенд.

«Я хочу стать фронтэнд-разработчиком и знаю основы JavaScript, HTML и CSS»

Помимо знаний JavaScript, HTML и CSS фронтэнд-разработчик должен разбираться в нескольких наиболее важных фреймворках.

Глубокое изучение HTML

  • Intermediate HTML.
  • Advanced HTML.

Глубокое изучение клиентского JavaScript

Для более подробного изучения языка JavaScript Сорор рекомендует серию книг «Вы не знаете JavaScript» Кайла Симпсона. Автор опубликовал всю серию для бесплатного чтения онлайн:

  1. «Up & Going».
  2. «Scope & Closures».
  3. «this & Object Prototypes».
  4. «Types & Grammar».
  5. «Async & Performance».
  6. «ES6 & Beyond».

Также разработчик рекомендует книгу MDN JavaScript Reference.

jQuery

jQuery - самая популярная JavaScript-библиотека всех времен. Сорор рекомендует изучать ее с помощью курса на FreeCodeCamp. Далее можно перейти к официальному руководству jQuery.

Также в изучении пригодится API-документация jQuery.

JS-фреймворки

Фреймворки позволяют упростить работу с языком разработки и решать крупные проблемы используя готовую технологию. На рынке существует огромное количество фреймворков из-за чрезмерной популярности JavaScript, пишет Сорор.

React JS

Фреймворк React был разработан Facebook для работы с архитектурой Flux. Это JavaScript-библиотека для создания интерфейсов. Недавно React обошел по популярности другую распространенную библиотеку Angular, поэтому лучше начать изучение фреймворков именно с него, отмечает Сорор. Бесплатный курс для изучения React.

Angular 1 и 2

Angular - разработка Google. Фреймворк по-прежнему популярен среди разработчиков. После анонса Angular Google решил полностью переписать фреймворк и запустил Angular 2, поэтому получилось две совершенно разных разработки с одинаковым названием.

Фреймворк Angular 1 можно изучить бесплатно на Code School. Познакомиться с Angular 2 можно при помощи бесплатных видео.

Ember JS

Фреймворк не такой мощный, как разработки Google и Facebook, однако он набирает популярность среди разработчиков. Официальная документация Ember JS.

Далее Сорор советует перейти к изучению CSS-фреймворков - таких как Bootstrap и Material:

  • React Bootstrap.
  • Angular Bootstrap.
  • Angular 2 Bootstrap.
  • Material UI (React).
  • Angular Material.
  • Angular 2 Material.

«Я хочу стать бэкенд-разработчиком»

«В бэкенд-разработке существует множество языков, у каждого есть свои минусы и плюсы», - пишет преподаватель. Он также приводит график их популярности за последние 10 лет:

Языки программирования, обозначенные зеленой рамкой, - те, на которых стоит сфокусировать свое внимание, считает Сорор.

Java

Очень популярный язык программирования, разработанный компанией Sun Microsystems (сейчас принадлежит Oracle). Java используется для разработки приложений для Android. Его также можно использовать для создания компьютерных и веб-приложений.

Так как это популярный язык среди разработчиков, в сети можно найти большое количество инструкций к нему. Сорор рекомендует начать с курса для начинающих. Язык разработан компанией Microsoft как альтернатива Java. Как и Java, C является объектно-ориентированным языком программирования и может использоваться не только для разработки веб-приложений, но и программ для настольных операционных систем. Бесплатный курс по изучению C от Microsoft Virtual Academy.

Python

За Python нет никакого крупного бренда. Однако этот язык позволяет вести быструю разработку. Сайт с бесплатными уроками для изучения Python.

Ruby

Среди разработчиков есть много поклонников Ruby - они активно рекламируют и восторгаются этим языком, пишет Сорор. Однако его популярность растет медленными темпами. По сути язык является смесью функционального и императивного программирования.

Лучшее место для изучения Ruby - RubyMonk, считает разработчик.

Практика

Перед выполнением практических задач Сорор рекомендует сразу создать профиль на сайте GitHub - онлайн-репозитории для хранения, управления и публикации кода. Знакомство с платформой можно начать с инструкции "Hello World" или интерактивного курса.

Начать разработку можно с создания собственного блога (инструкция для программирования блога на React и Node) или календаря (инструкция для программирования календаря на C и.Net).

Бесплатные уроки можно найти и на Free Code Camp:

  • Таймер «Помодоро» (фронтэнд).
  • Трейдинг-клуб (фулстэк).

Пошаговое руководство: Как стать веб-разработчиком

Пошаговое руководство: Как стать веб-разработчиком

Microsoft


В iOS 18 не будет фирменного чат-бота в духе ChatGPT

В iOS 18 не будет фирменного чат-бота в духе ChatGPT

Apple не планирует добавлять в iOS 18 собственный чат-бот на базе генеративного искусственного интеллекта, утверждает Марк Гурман из Bloomberg. Вместо этого корпорация сконцентрировалась на отдельных ИИ-функциях, которые «помогают пользователям в...

сегодня 10:32

Свежие новости Украины на сегодня и последние события в мире экономики и политики, культуры и спорта, технологий, здоровья, происшествий, авто и мото

Вверх