Skip to content

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

License

Notifications You must be signed in to change notification settings

vectree/web-development-101

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 

Repository files navigation

Веб-Разработка

license Join the chat

alt text

Данный курс - перевод малой части супер крутого и популярного открытого курса TheOdinProject. Кроме того, по курсу я нудно и долго делаю видео на youtube. Нудно и долго, но делаю :)

Остальные переводы TheOdinProject и не только вы можете найти тут.

Начнем

Вот где все начинается! Практическое введение во все инструменты, необходимые для создания рабочих веб-сайтов. Вы узнаете, что на самом деле делают веб-разработчики - те основы, которые вам понадобятся для последующих курсов.

Основы

Рассмотрим основы, необходимые для углубления в веб-разработку.

  1. Добро пожаловать на Vectree: конспект | видео
  2. Так чем же занимаются веб-разработчики: конспект | видео
  3. Мотивация: конспект | видео
  4. Присоединяйтесь к сообществу Vectree: конспект | видео
  5. Как работает Интернет: конспект | видео

Подготовка

В данном векторе мы подготовим ваше окружение разработчика, установим Ruby и Rails и запустим ваше первое веб-приложение.

  1. Настройка окружения: конспект | видео
  2. Подготовка: конспект | видео
  3. Редактор кода: конспект | видео
  4. Основы работы с терминалом: конспект | видео
  5. Установка Ruby: конспект
  6. Ваше первое Rails-приложение: проект

Основы Git

В данном векторе вы изучите основы Git и то, каким образом вы можете загрузить ваши проекты на Github. В результате вы сможете поделиться своими проектами и кодом со всем миром!

  1. Введение в Git: конспект | видео
  2. Основы Git: конспект | видео
  3. Основы Git на практике: проект

Фронтенд

В этом разделе вы потратите время на знакомство с основными клиентскими (используемыми в браузерах) технолониями, такими как HTML, CSS и Javascript. Вы сможете создать веб-страницу с использованием HTML / CSS и изучить основы программирования с помощью Javascript.

  1. Введение в Frontend: конспект | видео
  2. Основы HTML и CSS: конспект
  3. Консоль разработчика: конспект
  4. Поисковая страница: проект

JavaScript

В данном векторе мы наконец-то изучим JavaScript и узнаем, как сделать страницу динамичной.

  1. Введение: конспект | видео
  2. Основы: конспект | задачи | видео
  3. Консоль разработчика: конспект | видео
  4. Функции: конспект | видео
  5. Камень, ножницы, бумага: проект
  6. Чистый код: конспект
  7. Массивы: конспект
  8. Манипуляции с DOM: конспект
  9. Волшебный экран: проект
  10. Объекты: конспект
  11. Калькулятор: проект

Бэкенд

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

  1. Введение в бэкенд: конспект
  2. Основы Ruby: конспект
  3. Ruby: проект

Фреймворки

Вы, наверное, слышали о "Ruby on Rails", "React" или других фреймворках. В этом векторе вы узнаете, что такое фреймворк, почему мы его используем, и познакомимся с тем, который мы подробно рассмотрим в будущих курсах.

  1. Введение в фреймворки: конспект
  2. Основы Ruby on Rails: конспект
  3. Rails: проект

В паре

До сих пор вы, вероятно, работали самостоятельно. Теперь пришло время объединиться с другим человеком из любой точки мира.

  1. Введение в парное программирование: конспект
  2. Подготовка к взаимодействию: конспект
  3. Таймер - Помидор: проект

Заключение

Теперь, когда вы попробовали на вкус все основные строительные блоки веб-приложений, мы вернемся назад и вспомним, как они все вписываются в общую картину.

  1. Соединим все: конспект

Помощь и поддержка проекта

Любой может помочь нам с развитием данного проекта. На текущий момент мы усердно работаем над контентом по JavaScript, Java, Python, Java и это занимает достаточно много времени, тем более, что делается это на бесплатной основе. Если вам хочется помочь нам, напишите на почту support@vectree.ru или в telegram @vladthelittleone, наша команда введет вас в курс дела.

Чем вы можете помочь:

  • исправить ошибки,
  • проверить ссылки на ресурсы или добавить новые,
  • добавить найденный в интернете полезный контент, открытый курс,
  • добавить новые уроки, практические задания, тесты,
  • перевести статью, курс,
  • добавить конспект университетских лекций

License

Данный материал основан на TheOdinProject, созданном Erik Trautman.

Материал распространяется под Attribution-NonCommercial-ShareAlike 4.0 International.

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published