Интернет-программирование
Лыкошин Александр
2020-24
## Орг.моменты - Предмет: Интернет-программирование - Преподаватель: Лыкошин Александр Сергеевич - Экзамен (?Курсовая) Связь: - Группа в Телеграмме - alykoshin@yandex.ru
## За какое время можно стать веб-разработчиком? ![one-hour-question](img/one-hour-question.png "one-hour-question")
## Client-side и Server-side - Client-side - Front-end - HTML, CSS - Хотя бы один frontend фреймворк (React/Vue/Angular) - Особенности браузеров, Usability, Accessibility - ... - Server-side - Back-end - Node.js (если разработка также на JS) - Базы данных - Сетевые протоколы (REST API) - ... - Full-stack разработчик - Всё, что указано выше.
## Экосистема веб-разработки - «Ванильный» JavaScript - jQuery и нужно ли её знать сейчас? - Фреймворки (ReactJS, Angular, VueJS и др.); - Вспомогательные утилиты, препроцессоры, трансляторы и т.д.
Что должен знать веб-разработчик: * [Developer Roadmaps](https://roadmap.sh/) ([Frontend](https://roadmap.sh/frontend), [Backend](https://roadmap.sh/backend) и отдельно [Javascript](https://roadmap.sh/javascript) и [React](https://roadmap.sh/react)) * Technical English (на уровне чтения технических текстов со словарем - не "гугло-транслейта") ![infinity](img/infinity.jpeg "infinity")
# Инструменты разработчика (минимальный набор)
## Инструменты разработчика (минимальный набор) - Операционная система - Редакторы кода - Командная строка - Репозиторий исходного кода - Управление проектом и поддержка командной работы
## Операционная система - **Linux** - Mac - Windows
## Редактирование исходных текстов - Интегрированные среды разработки (IDE) для веб-разработчиков: - WebStorm - **Visual Studio Code** - ... - Универсальные IDE - (Текстовые редакторы с поддержкой плагинов, ориентированные на эффективную работу с кодом - Atom, Brackets, Notepad++,..) - ~~Примитивные текстовые редакторы (типа Notepad/Блокнот)~~
## WebStorm - Платная; бесплатные студенческие лицензии - [https://www.jetbrains.com/webstorm/](https://www.jetbrains.com/webstorm/) ![webstorm-main](img/images-tools-webstorm-main.png "webstorm-main")
## Visual Studio Code - Бесплатная - [https://code.visualstudio.com/](https://code.visualstudio.com/) ![home-screenshot-linux](img/images-tools-home-screenshot-linux.png "home-screenshot-linux")
## Командная строка Windows/Linux - Минимальные знания командного процессора - запуск, cd, md/mkdir, переменная path, текущий путь, запуск исполняемого файла, передача параметров... - putty/ssh - удаленный доступ к серверу - grep - поиск текста с помощью регулярных выражений - nano - примитивный редактор для Linux - vi/vim - хотя бы как из него выйти :) - curl/wget - tmux
## Репозиторий исходного кода - Программное обеспечение - Git - распределённая система управления версиями - ... - Сам репозиторий (хранилище) - Github.com - Gitlab, Bitbucket, ... - Клиенты - клиент командной строки - интегрированы в IDE - GUI
## Управление проектом и поддержка командной работы - Постановка и контроль задач - Trello - бесплатная, небольшие команды - (Jira - платная) - Коммуникации в распределенной команды - RocketChat/Slack - чат - Zoom - аудио-видео - (email) - Планирование проекта в целом - (MS Project)
## Спасибо за внимание #### Вопросы..? [Следующая часть >>](../01-html/index.html)