Веб-Разработка
Данный курс - перевод малой части супер крутого и популярного открытого курса TheOdinProject. Кроме того, по курсу я нудно и долго делаю видео на youtube. Нудно и долго, но делаю :)
Остальные переводы TheOdinProject и не только вы можете найти тут.
Начнем
Вот где все начинается! Практическое введение во все инструменты, необходимые для создания рабочих веб-сайтов. Вы узнаете, что на самом деле делают веб-разработчики - те основы, которые вам понадобятся для последующих курсов.
Основы
Рассмотрим основы, необходимые для углубления в веб-разработку.
- Добро пожаловать на Vectree: конспект | видео
- Так чем же занимаются веб-разработчики: конспект | видео
- Мотивация: конспект | видео
- Присоединяйтесь к сообществу Vectree: конспект | видео
- Как работает Интернет: конспект | видео
Подготовка
В данном векторе мы подготовим ваше окружение разработчика, установим Ruby и Rails и запустим ваше первое веб-приложение.
- Настройка окружения: конспект | видео
- Подготовка: конспект | видео
- Редактор кода: конспект | видео
- Основы работы с терминалом: конспект | видео
- Установка Ruby: конспект
- Ваше первое Rails-приложение: проект
Основы Git
В данном векторе вы изучите основы Git и то, каким образом вы можете загрузить ваши проекты на Github. В результате вы сможете поделиться своими проектами и кодом со всем миром!
Фронтенд
В этом разделе вы потратите время на знакомство с основными клиентскими (используемыми в браузерах) технолониями, такими как HTML, CSS и Javascript. Вы сможете создать веб-страницу с использованием HTML / CSS и изучить основы программирования с помощью Javascript.
- Введение в Frontend: конспект | видео
- Основы HTML и CSS: конспект
- Консоль разработчика: конспект
- Поисковая страница: проект
JavaScript
В данном векторе мы наконец-то изучим JavaScript и узнаем, как сделать страницу динамичной.
- Введение: конспект | видео
- Основы: конспект | задачи | видео
- Консоль разработчика: конспект | видео
- Функции: конспект | видео
- Камень, ножницы, бумага: проект
- Чистый код: конспект
- Массивы: конспект
- Манипуляции с DOM: конспект
- Волшебный экран: проект
- Объекты: конспект
- Калькулятор: проект
Бэкенд
В данном векторе вы узнаете о серверной части, где мы расскажем, что происходит за кулисами на веб-сервере. Вы сможете попробовать Ruby, великолепный язык, который тесно связан с Ruby on Rails.
Фреймворки
Вы, наверное, слышали о "Ruby on Rails", "React" или других фреймворках. В этом векторе вы узнаете, что такое фреймворк, почему мы его используем, и познакомимся с тем, который мы подробно рассмотрим в будущих курсах.
В паре
До сих пор вы, вероятно, работали самостоятельно. Теперь пришло время объединиться с другим человеком из любой точки мира.
- Введение в парное программирование: конспект
- Подготовка к взаимодействию: конспект
- Таймер - Помидор: проект
Заключение
Теперь, когда вы попробовали на вкус все основные строительные блоки веб-приложений, мы вернемся назад и вспомним, как они все вписываются в общую картину.
- Соединим все: конспект
Помощь и поддержка проекта
Любой может помочь нам с развитием данного проекта. На текущий момент мы усердно работаем над контентом по JavaScript, Java, Python, Java и это занимает достаточно много времени, тем более, что делается это на бесплатной основе. Если вам хочется помочь нам, напишите на почту [email protected] или в telegram @vladthelittleone, наша команда введет вас в курс дела.
Чем вы можете помочь:
- исправить ошибки,
- проверить ссылки на ресурсы или добавить новые,
- добавить найденный в интернете полезный контент, открытый курс,
- добавить новые уроки, практические задания, тесты,
- перевести статью, курс,
- добавить конспект университетских лекций
License
Данный материал основан на TheOdinProject, созданном Erik Trautman.
Материал распространяется под Attribution-NonCommercial-ShareAlike 4.0 International.