web developer roadmap

Дорожная карта веб -разработчика

Дорожная карта веб -разработчика - это путь обучения для понимания веб -разработки, включая Frontend, Backend и Cloud (AWS).

Как изучить веб -разработку?

Веб -разработка может быть разделена на четыре различных частях,

1. База данных
2. Бэкэнд
3. Внешний интерфейс
4. Облако (сервер)

Эта дорожная карта состоит из широко используемых технологий/рамок для фронта и бэкэнд. Он также включает обзор о облаке (AWS) и некоторую информацию о сервере.

Оглавление

• Sprint 1 - Основные команды Linux, управление версиями, веб -технологии и соглашения о кодировании
• Sprint 2 - Docker, базы данных и PHP
• Спринт 3 - Голанг
• Sprint 4 - node.js
• Sprint 5 - Vue.js
• Спринт 6 - Полезные понятия

Sprint 1 - Основные команды Linux, управление версиями, веб -технологии и соглашения о кодировании

Практический 1.1 - базовые команды и контроль версий

• Напишите команды для следующих операций в терминале

  • Перечислите все файлы с подробностями в каталоге
  • Дайте только разрешение на чтение любому файлу
  • Дайте все разрешения для чтения и записи любому файлу
  • Получить IP -адрес собственного ПК
  • Наблюдайте за использованием пространства диска
  • Просмотреть ранее выполненную историю команд
  • Команда Linux для установки/удаления PHP
  • Команда Linux запустить/остановить службу MySQL
  • Записать и сохранить любой файл из терминала

• Выполнить после операции в Гитлабе

  • Создать хранилище для gitlab
  • Проверьте статус GIT репозитория
  • Совершить новые/обновленные файлы в репозиторий GIT
  • Подтолкнуть репозиторий GIT
  • Вытащите новые изменения из репозитория
  • Оформление нового филиала
  • Объединить ветвь в другой
  • Rebase и Squash
  • Создать запрос на слияние
  • Напишите команду, чтобы клонировать это репо

Ссылки

• Основные команды Linux

• Что такое контроль версий?

• Как использовать git

  • Управление версией с GIT
  • GIT: Руководство для начинающих по пониманию основных концепций управления версиями
  • Git команды

Практический 1.2 - Основные веб -технологии с соглашениями о кодировании

• Дизайн пользовательского интерфейса со стандартами кодирования
  • Дизайн статический пользовательский интерфейс, приведенный в ссылке
  • Дизайн отзывчивый пользовательский интерфейс, приведенный в ссылке

Ссылки

• HTML5

  • Курс Bootcamp Web Development на Udemy - Раздел 2 и 3
  • Basic HTML и HTML5 из ​​бесплатного кодового лагеря

• CSS3

  • Курс Bootcamp Web Development на Udemy - Раздел 4 и 5
  • Начальная загрузка из курса Bootcamp Web Development на Udemy - Раздел 6 и 8
  • Что такое Flexbox?
  • Начальная загрузка из библиотек Frontend в бесплатном кодовом лагере
  • Завершить курс сертификации веб -дизайна от бесплатного кодового лагеря

• Форматирование кода и лучшие практики

  • 25 наиболее используемых сочетания кода против кода
  • Форматирование кода в коде VS
  • Лучшие практики веб -разработки

Практический 1.3

• Конвертер единиц
  • Создайте конвертер модуля, который должен взять вход от пользователей и выводить значение в заданном блоке (единицы конверсии могут быть сантиметрами, счетчиками и километрами)

Ссылки

• JavaScript & jQuery

  • Базовый JavaScript из курса Bootcamp Web Development на Udemy - Раздел 9 и 10
  • Основной JavaScript, ES6, регулярные выражения и отладка из бесплатного кодового лагеря
  • Курс Bootcamp Web Development на Udemy - Раздел 11 и 13
  • JSON, APIS и AJAX из Free Code Camp
  • Завершить алгоритмы JavaScript и структуры данных из бесплатного кодового лагеря
  • Курс Bootcamp Web Development на Udemy - раздел с 14 по 16
  • Завершить проекты библиотеки Frontend из бесплатного кодового лагеря
  • Разница между == и ===
  • Основы jQuery

• Конвенции кодирования

  • Стандарты кодирования-1
  • Стандарты кодирования-2

Sprint 2 - Docker, базы данных и PHP

Практический 2.1

• Установите MySQL с помощью Docker
• Установите MongoDB с помощью Docker

Ссылки

• Что такое Docker
• Начало работы с Docker
• Установите MySQL с помощью Docker
• Установите MongoDB с помощью Docker

Практический 2.2

• Выполните следующие запросы в MySQL

  • Создайте таблицу с именем с идентификатором students с идентификатором поля, First_Name, Last_Name, Standard, процентом, процентами и т. Д. И вставьте данные в это
  • Создать Table student_attendances с идентификатором полей, Cenect_at, полями присутствия/отсутствия и вставьте данные в него
  • Создайте таблицу с именем teachers с идентификатором поля, First_name, Last_name, Supty, интересами и т. Д. И вставьте в него данные
  • Создать Table teachers_attendances с идентификатором поля, Create_at, полями присутствия/отсутствия и вставьте данные в него
  • Подготовьте запросы, чтобы найти присутствие/отсутствие студента в определенный день
  • Найдите полное отсутствие/присутствие каждого студента
  • Найдите отсутствующих студентов с процентом ниже 70.
  • Найдите студента, у которого присутствует игестное присутствие
  • Получите все студенты и учителя First_name, Last_name, Full_Name, интерес, стандарт, субъект и полное отсутствие.

• Выполните следующие запросы в MongoDB (может использовать MongoDBPlayground для PEFORM запросов)

  • Создайте коллекцию с именем students с идентификатором поля, First_Name, Last_Name, Standard, процентом, процентами и т. Д. И вставьте данные в это
  • Сформируйте запрос, чтобы найти студентов с процентом ниже 70 и интерес к спорту.
  • Считайте общее количество студентов с процентом выше 70

Ссылки

• Курс Bootcamp Web Development Udemy - Раздел 24 и 25
• MySQL Подпрограммы и профсоюзный запрос

Практический 2.3

• Создайте приложение в блоге с следующими требованиями, используя PHP
  • У него должно быть две стороны
    • 1. Администратор
    • 2. Пользователь
  • Реализация регистрации и функциональности входа в систему как для пользователя, так и для администратора
  • Администратор может добавить посты (поля поля - заголовок, описание, created_date, автор, категория, изображение)
  • Администратор может решить, какой пользователь может увидеть сообщение
  • Добавленные сообщения будут видны на стороне пользователя (сначала последнее)

Ссылки

• PHP: языковая ссылка
• PHP: Введение
• Стандарт кодирования

Основные понятия

• Установка WAMP/MAMP/XAMPP
• Как именно это работает?
• Базовый синтаксис
• Переменные, константы, операторы и контрольные структуры
• Условия, петли, случаи переключения
• Массивы, строки и различные строковые функции
• Функции
• Включает и требуется
• Классы и объекты и конструкторы
• Пространства имен
• Расширения
• Исключения
• Json кодировать и декодировать
• Сеансы
• Печенье
• Манипулирование файлом
• Индексированная массива против ассоциативного массива
• Объект против Stdobject
• Тайм -аут сценария PHP

Предопределенные переменные

• http://php.net/manual/en/reserved.variables.php
• $ Global
• $ _Server
• $ _Get
• $ _Post
• $ _Files
• $ _Request
• $ _Session
• $ _Cookie

Расширенные варианты

• Интерфейсы
• Черты
• Кронс
• Композитор
• Php.ini Tweaks

Ключевые слова

• Частный
• Публичный
• Статический

Спринт 3 - Голанг

Практический 3.1

• Внедрить музыкальное приложение с данными требованиями

Основные понятия

• Зачем идти?

• Запустите программу Hello World в Go

• Иди модули

• Джин структура

• Константы, переменные типы

• Функции, многоответствующие функции, init ()

• Пакеты и импорт

• Условные заявления и петли

• Массивы и ломтики

• Указатели, структуры и методы

• Обработка ошибок

• GOFMT

• Лучшие практики

• Другие

  • Jwt
  • Json
  • REST API

Предварительные концепции

• Карты в ходе
• Параллелизм и goroutine
• погашение
• Обработка ошибок
• Паника и восстановиться
• Отражение
• Тип преобразования
• Манипуляции с файлами
• Регистрация
• Аутентификация с JWT (JSON Web Token)

Пакеты

• Джин
• Mysql Package
• net/http
• Файл компрессор
• Регистрация
• Mongodb
• ioutil
• ОС
• строки
• Статический файл Parse в двоичный
• Нулевое обработчик значений
• Jwt
• сокет.io
• часовой

Sprint 4 - node.js

Практично 4.1

• Реализуйте приложение чата в реальном времени в реальном времени

Практично 4.2

• Внедрить приложение для электронной коммерции с данными требований

Ссылки

• пряжа

• npm

• пряжа против NPM

• узел

• Почему node.js?

• Основные понятия:

  • Commonjs и Esmodule
  • Консоль
  • Объем
  • «Ключевое слово», часть 1, часть 1
  • «Ключевое слово», часть 2, часть 2
  • Понимание пакета.json
  • Импорт/экспорт требуется
  • Обратные вызовы
  • Асинк-ават
  • Async.waterfall ()
  • Рефери
  • Петля мероприятия
  • Узел Mailer для отправки электронных писем
  • Лучшие практики

• Express.js

  • Установка
  • Экспресс -генератор
  • Маршрутизация
  • Хост статических файлов
  • Шаблонный двигатель (EJS)
  • Проанализ для тела

Sprint 5 - Vue.js

Практично 5.1

• Реализовать приложение Frontend of Ecommerce с использованием vue.js с данными требований

Ссылки

• Начните с Vue.js

• Tailwind CSS для начинающих

• Учебное пособие по ветру CSS

• Пинеа

• Концепции

  • Что такое vue.js?
  • Начиная
  • Установка
  • Применение и экземпляры компонентов
  • Шаблон Синтаксис
  • Свойства и методы данных
  • Вычисленные свойства и наблюдатели
  • Класс и привязки к стилю
  • Условное рендеринг, условное связывание стиля
  • Список рендеринг
  • Обработка событий
  • Входные привязки формы
  • Основы компонентов
  • Реквизит
  • Регистрация компонента
  • Слоты
  • Шаблон Refs
  • Государственное управление

Спринт 6 - Полезные понятия

Концепции

• HTTP -протоколы
• Асинхронное и синхронное поведение
• Кэширование (понимание Редиса)
• Тестирование: обзор тестирования модуля и функций
• Docker в деталях
• Nginx против сервера Apache
• Вход сервера с помощью ключей пароля/SSH
• IP -таблицы
• PHP-FPM и HTTPD
• SSH, SSL, сертификаты и ключи

Облако

• Что такое AWS?
• S3
• EC2
• Rds
• Elasticache
• Маршрут 53
• Сеса
• Cloudwatch
• VPC
• AWS Lamda
• AWS API Gateway
• Микросервисы
• Что такое микросервисы? Как это реализует?
• Реализация микросервисов с использованием GO

Дополнительный

• Голанг Роуд -карта
• Дорожная карта Nodejs