В этой короткой и точной статье я проведу вас через весь процесс изучения веб-разработки и расскажу, как стать лучшей версией себя.

Итак, 2020 год - странное время для начала вашего пути веб-разработки. Это интересная двойственность, когда вам обоим доступно больше ресурсов, чем когда-либо в истории, и, как это ни парадоксально, объем предлагаемой информации может быть совершенно ошеломляющим.

Вы новичок, и у вас нет никаких предварительных знаний в этой великой области. Итак, «Не беспокойтесь», я здесь, чтобы помочь вам с этим заболеванием. Эта статья написана простым и несложным языком.

«Секрет успеха в том, чтобы начать».
- Марк Твен

Держись крепче, и давайте начнем это удивительное путешествие.

Веб-разработчик в 2020–21 гг.

1) Основные требования.

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

  1. Ноутбук или настольный компьютер: - Основная необходимость начать с кодирования.
  2. Выберите текстовый редактор: - текстовый редактор - это место, где вы будете писать весь свой код, а терминал - это место, где вы его выполняете. Как разработчик, вы здесь живете. Например, VS Code, Atom, Sublime, Notepad ++. Лично я использую VS Code :)
  3. Веб-браузер: - Chrome, Mozilla Firefox, Yahoo и т. д.
  4. Git и контроль версий: - Git - это инструмент, используемый для сохранения кода и создания различных версий. Это позволит вам сотрудничать с другими разработчиками. Лучшее место для сохранения вашего кода.

2) Анатомия веб-сайта

3) Давайте код!

Веб-разработка делится на 2 области: -

а) Внешняя веб-разработка. (Веб-дизайнеры)

б) Backend Web Development. (Веб-разработчики)

3 а) Фронтенд-разработка.

i) HTML5 и CSS3

HTML5 и CSS3 - это основа любого веб-сайта. HTML5 предоставляет структуру, а CSS3 (каскадные таблицы стилей) предоставляет стиль и помогает им выглядеть лучше и визуально привлекательнее. Если вы хотите стать фронтенд-разработчиком, вы должны овладеть этими двумя.

ii) Основы любого программного обеспечения для проектирования

  1. Фотошоп.
  2. GIMP.
  3. PaintShop pro.

Это вам очень поможет.

iii) JavaScript

Четыре столпа объектно-ориентированного программирования - это абстракция данных, полиморфизм, инкапсуляция и наследование, точно так же есть три основных столпа веб-разработки, а именно HTML5, CSS3 и JavaScript. JavaScript оживит вашу веб-страницу и сделает ваш сайт более интерактивным и динамичным.

~ Базовый JS (на данный момент нет фреймворков.)
~ Типы данных
~ Функции
~ Обработка событий
~ JSON
~ jQuery

После этого вы можете прочитать о 7 лучших библиотеках, предлагаемых JavaScript.



7 лучших библиотек, предлагаемых JavaScript
Краткое, но исчерпывающее описание библиотек, предлагаемых JavaScript. medium.com



Когда вы освоите базовый JavaScript, начните с интерфейсной среды JavaScript (любой).

  • Угловой
  • React JS
  • Vue JS

iv) Припаркуйте свой сайт!

Поздравляем, веб-дизайнеры, теперь у вас есть базовые знания HTML5, CSS3 и JavaScript, а также у вас есть мягкие навыки (программное обеспечение для проектирования). Просто продолжайте и создайте несколько классных веб-сайтов и, прежде чем продолжить, изучите их тоже.

  1. Узнайте о GIT.
  2. Базовая команда терминала.
  3. SSH.
  4. Получите учетную запись хостинга. (000webhost, Hostinger и т. Д.)
  5. Узнайте о Cpanel.
  6. Загрузите свой проект.
  7. Зарегистрируйте доменное имя и припаркуйте его.

v) Веб-дизайнеры! Воспользуйтесь некоторыми возможностями.

  • Создавайте простые сайты для стартапов.
  • Создавайте веб-приложения с пользовательским интерфейсом.
  • Пройдите стажировку.
  • Работа в компании.
  • Станьте фрилансером.

vi) Идти дальше с интерфейсом?

Попробуйте учиться

  • Бутстрап
  • Чистый
  • Zurb Foundation
  • Материализовать CSS
  • MUI
  • Скелет

3 б) Backend разработка

i) Выбор серверной разработки, безусловно, хороший вариант. Для этого вам нужно выучить язык сценариев на стороне сервера.

PHP: - Забудьте о негативных вещах, которые люди говорят о PHP. Это по-прежнему самый простой способ написать код на стороне сервера.

Ruby on Rails: - Ruby - еще один мощный язык, лучший для веб-разработки. У него есть отличный фреймворк под названием Rails, который упрощает и ускоряет создание веб-приложений.

Python: - Еще один замечательный язык, полный мощных фреймворков и библиотек.

Node.JS: - Мощный и потрясающий фреймворк.

JAVA: - Высокопроизводительный серверный язык.

ii) Компании и их серверный язык сценариев.

1.PHP

  • Facebook
  • Vox Media
  • Тесла Моторс

2. Ruby on Rails

  • Airbnb
  • Bloomberg
  • Github

3. Python

  • Instagram
  • Google
  • Netflix

4. Node.JS

  • Paypal
  • Убер
  • LinkedIn

5. JAVA

  • Accenture
  • Zalando
  • Intuit

iii) Поскольку вы выбрали серверную часть, начните учиться.

Реляционные базы данных

  • MySQL
  • PostgreSQL
  • MSSQL
  • MariaDB

Базы данных NoSQL

  • MongoDB
  • CouchDB
  • Кассандра
  • RethinkDB

Кеширование

  • Memcached
  • Redis

Поднимите свою игру дальше !!

  • Поисковые системы
  • Шаблоны дизайна GOF
  • Архитектурные узоры
  • Изучите различные методы тестирования

iv) Припаркуйте свое приложение!

Теперь вы все хорошо разбираетесь в теме и знаете больше, чем раньше, поэтому используйте эти технологии, чтобы разместить свое приложение в сети.

  1. Выделенный сервер / VPS
  2. Хостинг приложений - Heroku, Digital Ocean, AWS
  3. Инструменты развертывания
  4. Командная строка Linux
  5. Обслуживание и обновления

v) Веб-разработчики! Воспользуйтесь некоторыми возможностями.

Поздравляем, веб-разработчики, вас ждут отличные возможности.

  1. Создавайте веб-приложения
  2. Создание серверного API (интерфейс прикладного программирования)
  3. Работа с сетевой безопасностью
  4. Управление серверами и базами данных
  5. Подать заявку на работу
  6. Начни свой собственный стартап / бизнес
  7. Станьте фрилансером

4) Еще больше вы можете ..

  1. Практикуйтесь и исследуйте больше.
  2. Создайте свой профиль.
  3. Изучите новые стеки (MEAN, MERN и т. Д.)
  4. Помогите и направьте новичка (это также расширит ваши знания).
  5. Проведите несколько исследований.
  6. Будьте продуктивны и учитесь каждый день.

5) Основные проекты на практике

  • Страница Дани
  • Личное портфолио
  • Целевая страница
  • Сайт музыкального магазина
  • Сделать сайт ресторана
  • Веб-сайт Parallax
  • Техническая документация и многое другое….

Заключительные примечания:

Спасибо, что прочитали эту статью. Возможно, вы думаете, что есть чему поучиться, но поверьте мне, как только вы начнете изучать веб-разработку, вам это понравится.

Инвестиции в знания приносят наибольший доход.

Еще раз спасибо и всего наилучшего на будущее!

Вы можете связаться со мной в любое время в случае сомнений или помощи.

Эл. Почта: - [email protected]

LinkedIn: - https://www.linkedin.com/in/akshat-srivastava-4812271a9/

Github: - https://github.com/akshat-fsociety

#ВНЕШНИЙ ИНТЕРФЕЙС

# BACK-END

Ресурс изображений: