Веб-разработчик

_Также посмотреть:

1. Введение в web разработку - YouTube (https://www.youtube.com/playlist?list=PLLhZvA0NHjMDyNxzXkfhkfHxh8mTAkVVm)

2. Ключевые компетенции веб-разработчика - YouTube (https://www.youtube.com/watch?v=lmrd4IkTv0A)

С первых дней работа над портфолио:

1. Разработать свой проект.

2. Выложите его на:

Не для портфолио, но для практики:

1. ActiveBox - верстка сайта с нуля для начинающих - YouTube

2. Адаптивная верстка сайта с нуля для начинающих - MoGo - YouTube

3. Верстка сайта-портфолио с нуля - YouTube

4. Дизайн сайта в Photoshop - YouTube

5. HTML верстка на примере бизнес сайта - YouTube

6. Создание дизайна сайта в бизнес стиле - YouTube

7. Создание Landing Page на WordPress - YouTube

8. Джедай верстки #5

9. Создание сайта под ключ на заказ - YouTube

10. Джедай вёрстки #6 - YouTube

11. Джедай вёрстки #7 - YouTube

12. Верстка HTML + CSS За 2 Часа. Из PSD. С Нуля. Полная Запись. - YouTube

13. HTML верстка реального макета от А до Я. Джедай верстки #7 (Все выпуски) - YouTube

14. Курс: HTML верстка сайта-портфолио - YouTube

15. Верстка адаптивного сайта - YouTube

Завести знакомства в индустрии:

Сбор рабочего места для web-разработки:

1. Photoshop

2. Sublime Text 3:

_Также прочесть:

1. С чего начинается путь в веб-разработку (https://netology.ru/blog/web-development-begin)

2. Что веб-разработчику нужно знать о современном вебе (https://netology.ru/blog/developers-know)

3. Что должен уметь фронтенд-разработчик (https://netology.ru/blog/frontend-skills)

4. Что должен уметь бэкенд-разработчик (https://netology.ru/blog/02-2019-umeet-bekend)

5. JavaScript: с чего начать (https://netology.ru/blog/learn-javascript-basics)

6. Как получить работу в IT-компании (https://netology.ru/blog/guid-job-interview)

Книжная полочка:

1. «Эффективная работа с унаследованным кодом», Майкл К. Физерс

2. «Приёмы объектно-ориентированного проектирования. Паттерны проектирования», Эрих Гамма и другие

3. «Чистый код. Создание, анализ и рефакторинг», Роберт К. Мартин

4. «Предметно-ориентированное проектирование», Эрик Эванс

5. «JavaScript: сильные стороны», Дуглас Крокфорд

6. «Совершенный код. Мастер-класс», Стив Макконнелл

7. «Рефакторинг. Улучшение существующего кода», Мартин Фаулер и другие

8. «Паттерны проектирования», Эрик Фримен, Элизабет Фримен и другие

9. «Язык программирования C», Брайан У. Керниган, Деннис М. Ритчи

10. «Эффективное использование С++. 55 верных способов улучшить структуру и код ваших программ», Скотт Майерс

11. «Экстремальное программирование: разработка через тестирование», Кент Бек

12. «Алгоритмы. Построение и анализ», Томас Х. Кормен и другие

13. «Регулярные выражения», Джеффри Фридл

14. «Современное проектирование на C++», Андрей Александреску

15. «Компиляторы. Принципы, технологии и инструментарий», Альфред В. Ахо и другие

Навыки работы с большими объемами информации:

1. Как записывать лекции по методу Корнелла - Лайфхакер (https://lifehacker.ru/metod-kornella/)

2. Как работать с большими объемами информации — Edu notes (edu-notes.ru/how-to-work-with-a-huge-amount-of-information/)

3. Основные принципы работы с информацией | Развивай Мегаинтеллект (http://razvitie-intellecta.ru/osnovnye-principy-raboty-s-informaci/)

4. Дружит ли многозадачность с нашим мозгом - Лайфхакер (https://lifehacker.ru/druzhit-li-mnogozadachnost-s-nashim-mozgom/)

5. 8 поисковиков, которые лучше, чем Google - Лайфхакер (https://lifehacker.ru/google-alternatives/)

6. 16 советов для эффективной работы от дизайнеров Facebook, Google и других известных компаний - Лайфхакер (https://lifehacker.ru/tips-from-de

7. Учимся учиться: как лучше усваивать знания? - Лайфхакер (https://lifehacker.ru/uchimsya-uchitsya-kak-luchshe-usvaivat-znaniya/)

8. 10 простых советов для более эффективной работы - Лайфхакер (https://lifehacker.ru/10-advices/)

9. Советы по эффективной работе с несколькими проектами - Лайфхакер (https://lifehacker.ru/sovety-po-ehffektivnojj-rabote-s-neskolkimi-proektam

10. Как запоминать больше, используя метод 50/50 - Лайфхакер (https://lifehacker.ru/metod-50-50/)

11. 5 секретов памяти: как запоминать легко и надолго - Лайфхакер (https://lifehacker.ru/5-sekretov-pamyati/)

12. Как запоминать новую информацию за 40 секунд - Лайфхакер (https://lifehacker.ru/how-to-memorize/)

13. Как лучше запоминать и применять в жизни прочитанное - Лайфхакер (https://lifehacker.ru/kak-zapominat-prochitannoe/)

14. Лучший метод запоминать новую информацию - Лайфхакер (https://lifehacker.ru/spaced-repetition/)

Ступени производства web-сайта:

1. 5+2 ступеней производства web-сайта. От беседы до выпуска web-сайта:

2. Что есть прототип web-сайта и для чего он необходим:

3. Места для изображения прототипа:

Труд в Photoshop с дизайн-макетом:

1. Требования, которые предъявляются к дизайн-макету сайта:

2. Труд в Photoshop:

3. Требования к дизайн-макету.

База HTML. Каталог с веб-сайтом. Автоматизированное обновление веб-страницы:

1. Разобраться с HTML:

2. Уроки HTML:

3. Создать каталог с веб-сайтом с необходимой структурой внутри:

Ознакомление с CSS:

1. Уроки CSS:

2. Ознакомление с основами CSS:

3. Позиционирование в CSS:

Программирования:

1. Определиться с пониманием программист:

2. Видео уроки. Основы программирования:

3. JavaScript:

4. Узнать что это?

AJAX:

1. Изучение технологий Ajax - YouTube (https://www.youtube.com/playlist?list=PL0lO_mIqDDFUgBqIpiaES9vhZLJbucdUa)

2. AJAX - YouTube (https://www.youtube.com/playlist?list=PLM7wFzahDYnEIJadIGpBVm1yaPJPlFaeS)

3. Учебник по AJAX - CoderLessons.com (https://coderlessons.com/tutorials/veb-razrabotka/vyuchit-ajax/uchebnik-po-ajax)

4. Javascipt. AJAX. Основы асинхронных запросов. - YouTube (https://www.youtube.com/watch?v=x2DTiziYq7g)

JQuery:

1. Прочесть книгу "jQuery учебник для начинающих " (https://www.kobzarev.com/wp-content/uploads/books/jquery/jQuery-tutorial-for-begi

2. JQuery Tutorial - CoderLessons.com (https://coderlessons.com/tutorials/veb-razrabotka/jquery/jquery-tutorial)

3. Изучение библиотек jQuery - YouTube (https://www.youtube.com/playlist?list=PL0lO_mIqDDFXQk_TTlSO7y7J1l5e-RMgi)

4. jQuery - YouTube (https://www.youtube.com/playlist?list=PLyf8LgkO_8q995GGnMf26P321RSZjgwjH)

5. Уроки jQuery - YouTube (https://www.youtube.com/playlist?list=PLVfMKQXDAhGXQcouhIblV910Rv7lRscH3)

JS фреймворки: Flux & React, AngularJS, Ember, Symfony, Codeigniter, Yii, Zend Framework, Flask:

1. Анализ шести веб-фреймворков: плюсы, минусы и особенности выбора / Блог компании RUVDS.com / Хабр (https://habr.com/ru/company/ruvds/blog/34

2. Flux:

3. ReactJS:

4. AngularJS:

5. EmberJS:

6. Symfony:

7. Codeigniter:

8. Yii:

9. Zend Framework:

10. Flask:

Владение Unix shell и скриптовыми языками:

1. Unix shell: абсолютно первые шаги / Хабр (https://habr.com/ru/post/267825/)

2. ОСНОВЫ РАБОТЫ В КОМАНДНОМ ПРОЦЕССОРЕ SHELL BASH - YouTube (https://www.youtube.com/playlist?list=PLLyG9JTjVd9VTEKisukGLJhl8H2YeIN09)

PHP, MySQL:

1. Учебник по PHP - CoderLessons.com (https://coderlessons.com/tutorials/veb-razrabotka/vyuchit-php/uchebnik-po-php):

2. Учебник по MySQL - CoderLessons.com (https://coderlessons.com/tutorials/bazy-dannykh/izuchai-mysql/uchebnik-po-mysql):

3. Понимание теории построения баз данных:

GitHub

1. Узнать:

2. Навыки, которые необоходимо получить:

Material Design UI:

1. Изучаем Photoshop за 7 дней - YouTube (https://www.youtube.com/playlist?list=PLZ9vf4gXjsvlxF--0zm3uw3f3GQ4mYdJx)

2. ​Эксперт в Photoshop за 30 дней ​

3. Adobe Photoshop - YouTube (https://www.youtube.com/playlist?list=PLD6_Uy0nG2fglEkoPkfjTFkJdje6ZwiTm)

4. Что такое ux и ui дизайн - YouTube (https://www.youtube.com/watch?v=G7deKyjzPPY)

5. UI UX Дизайн Сайта 2018 - С Чего Начать? (Базовые Навыки) - YouTube (https://www.youtube.com/watch?v=uTljXWKTukM)

6. Что такое UX/UI дизайн на самом деле? / Хабр (https://habr.com/ru/post/321312/)

7. В чем отличие UI от UX? Подробный разбор часто используемых терминов / Блог компании Pixli / Хабр (https://habr.com/ru/company/pixli/blog/32

8. UX/UI-дизайн: что это такое? — статьи на Skillbox (https://skillbox.ru/media/design/ux_ui_dizayn_chto_eto_takoe/)

9. Landing Page дизайн в фотошопе - YouTube (https://www.youtube.com/playlist?list=PLzGX_ggMZ5ExZfzg6bbHazjG0ol1Qv8IS)

10. Web Design - YouTube (https://www.youtube.com/playlist?list=PLD6_Uy0nG2fjjB5Vl34KETeHey7TiQTIF)

Верстка:

1. Верстка дизайн-макета:

2. Форсирование верстки в несколько крат:

3. Верстание с помощью Twitter Bootstrap 4:

4. LESS:

5. Сниппеты:

6. GitHub:

7. Адаптивная вёрстка:

8. Шрифты:

9. Псевдоклассы и псевдоэлементы:

10. Слайдер:

11. Модальное окно:

12. Табы и аккордеон:

13. Анимация на CSS3:

14. Видеофон на сайт:

15. Эффект Parallax:

16. Карты на сайте:

17. Хостинг:

18. Аналитика для сайта:

19. Формы:

20. Как делаются многостраничные сайты:

21. WordPress - движок для сайта. Часть 1:

22. WordPress - движок для сайта. Часть 2:

23. Тестирование верстки:

Портфолио и резюме:

1. Как составить хорошее резюме.

2. Сайт-портфолио.

3. Где еще размещать портфолио.

4. Страница в социальных сетях.

5. Блоггинг.

6. Задача:

Поиск заказчика:

Ведение клиентов. Общение и CRM:

1. Как получать заказы и обратить на себя внимание заказчика?

2. Как назвать стоимость своей работы?

3. Как сделать так, чтобы тебя не кинули?

4. Правила работы с клиентами?

5. Что делать с недовольным заказчиком?

6. База клиентов?

7. Как сдавать проект, чтобы стоить дорого?

Набивать портфолио:

Правильно составьте резюме: