Engineering culture

Baseline

В Zero-блоке создаём к примеру 3 изображения (шейпа), выравниваем между собой и задаём им классы: img-switch-1, img-switch-2, img-switch-3
Создаём 3 кнопки для них с классами: btn-trigger-1, btn-trigger-2, btn-trigger-3
Шаг 2
<script> // Тригер для первой кнопки btn-trigger-1 $("body").on("mouseover", '.btn-trigger-1', function(){ $('.img-switch-1').toggleClass("animation-step-1"); $('.img-switch-1').removeClass("animation-step-2"); }); $("body").on("mouseout", '.btn-trigger-1', function(){ $('.img-switch-1').removeClass("animation-step-1"); $('.img-switch-1').toggleClass("animation-step-2"); }); var intervalId = window.setInterval(function(){ $('.img-switch-1').removeClass("animation-step-2"); }, 400); // Тригер для второй кнопки btn-trigger-2 $("body").on("mouseover", '.btn-trigger-2', function(){ $('.img-switch-2').toggleClass("animation-step-1"); $('.img-switch-2').removeClass("animation-step-2"); }); $("body").on("mouseout", '.btn-trigger-2', function(){ $('.img-switch-2').removeClass("animation-step-1"); $('.img-switch-

§1

Path to enlightenment

§2

1. Baseline

JS: Single page application

Setting up programming environment, AngularJS quick start, Understanding API functionality, Introducing Swagger, Testing SPA applications, Deployment

Ruby: From zero to confidence

Setting up programming, environment, Ruby ecosystem, Ruby language internals, Object-oriented design principles, Ruby and OOP , Blocks and iterators, Organizing Ruby code, Input/Output, Additions

Ruby: Hardening practical skills

Agile methodologies: SCRUM and Kanban, Version control systems
Sinatra and Heroku, Unit testing applied to web-applications, HTML and CSS, JavaScript and jQuery
Database management

Rails: Loading guns

Setting up programming environment for Rails, Introduction to the Rails ecosystem, Routing
Views and controllers, Models and database design, Test-first development using RSpec and Capybara, Forms - Action view, CSS and Sass basics, Asset pipeline
ActiveResource - API specific realization, Model relationships
Deployment

Rails: Loading guns

Test-driven development,
«ehavior-driven development,
Domain-driven design, Code review,
Static code analysis, Pair programming, Continuous
deployment/integration, Automation testing paradigm

Infrastructure management

JS: Single page application

Cloud and VPS hosting, Introduction to Docker, Introduction to Kubernetes
Vagrant

В Zero-блоке создаём к примеру 3 изображения (шейпа), выравниваем между собой и задаём им классы: img-switch-1, img-switch-2, img-switch-3
Создаём 3 кнопки для них с классами: btn-trigger-1, btn-trigger-2, btn-trigger-3
Шаг 2
<script> // Тригер для первой кнопки btn-trigger-1 $("body").on("mouseover", '.btn-trigger-1', function(){ $('.img-switch-1').toggleClass("animation-step-1"); $('.img-switch-1').removeClass("animation-step-2"); }); $("body").on("mouseout", '.btn-trigger-1', function(){ $('.img-switch-1').removeClass("animation-step-1"); $('.img-switch-1').toggleClass("animation-step-2"); }); var intervalId = window.setInterval(function(){ $('.img-switch-1').removeClass("animation-step-2"); }, 400); // Тригер для второй кнопки btn-trigger-2 $("body").on("mouseover", '.btn-trigger-2', function(){ $('.img-switch-2').toggleClass("animation-step-1"); $('.img-switch-2').removeClass("animation-step-2"); }); $("body").on("mouseout", '.btn-trigger-2', function(){ $('.img-switch-2').removeClass("animation-step-1"); $('.img-switch-

2. Coding Quests

Infrastructure management

JS: Single page application

Cloud and VPS hosting, Introduction to Docker, Introduction to Kubernetes
Vagrant

В Zero-блоке создаём к примеру 3 изображения (шейпа), выравниваем между собой и задаём им классы: img-switch-1, img-switch-2, img-switch-3
Создаём 3 кнопки для них с классами: btn-trigger-1, btn-trigger-2, btn-trigger-3
Шаг 2
<script> // Тригер для первой кнопки btn-trigger-1 $("body").on("mouseover", '.btn-trigger-1', function(){ $('.img-switch-1').toggleClass("animation-step-1"); $('.img-switch-1').removeClass("animation-step-2"); }); $("body").on("mouseout", '.btn-trigger-1', function(){ $('.img-switch-1').removeClass("animation-step-1"); $('.img-switch-1').toggleClass("animation-step-2"); }); var intervalId = window.setInterval(function(){ $('.img-switch-1').removeClass("animation-step-2"); }, 400); // Тригер для второй кнопки btn-trigger-2 $("body").on("mouseover", '.btn-trigger-2', function(){ $('.img-switch-2').toggleClass("animation-step-1"); $('.img-switch-2').removeClass("animation-step-2"); }); $("body").on("mouseout", '.btn-trigger-2', function(){ $('.img-switch-2').removeClass("animation-step-1"); $('.img-switch-

3. Codenjoy/Coderetreat

Infrastructure management

JS: Single page application

Cloud and VPS hosting, Introduction to Docker, Introduction to Kubernetes
Vagrant

В Zero-блоке создаём к примеру 3 изображения (шейпа), выравниваем между собой и задаём им классы: img-switch-1, img-switch-2, img-switch-3
Создаём 3 кнопки для них с классами: btn-trigger-1, btn-trigger-2, btn-trigger-3
Шаг 2
<script> // Тригер для первой кнопки btn-trigger-1 $("body").on("mouseover", '.btn-trigger-1', function(){ $('.img-switch-1').toggleClass("animation-step-1"); $('.img-switch-1').removeClass("animation-step-2"); }); $("body").on("mouseout", '.btn-trigger-1', function(){ $('.img-switch-1').removeClass("animation-step-1"); $('.img-switch-1').toggleClass("animation-step-2"); }); var intervalId = window.setInterval(function(){ $('.img-switch-1').removeClass("animation-step-2"); }, 400); // Тригер для второй кнопки btn-trigger-2 $("body").on("mouseover", '.btn-trigger-2', function(){ $('.img-switch-2').toggleClass("animation-step-1"); $('.img-switch-2').removeClass("animation-step-2"); }); $("body").on("mouseout", '.btn-trigger-2', function(){ $('.img-switch-2').removeClass("animation-step-1"); $('.img-switch-

4. Startup culture

Infrastructure management

JS: Single page application

Cloud and VPS hosting, Introduction to Docker, Introduction to Kubernetes
Vagrant

В Zero-блоке создаём к примеру 3 изображения (шейпа), выравниваем между собой и задаём им классы: img-switch-1, img-switch-2, img-switch-3
Создаём 3 кнопки для них с классами: btn-trigger-1, btn-trigger-2, btn-trigger-3
Шаг 2
<script> // Тригер для первой кнопки btn-trigger-1 $("body").on("mouseover", '.btn-trigger-1', function(){ $('.img-switch-1').toggleClass("animation-step-1"); $('.img-switch-1').removeClass("animation-step-2"); }); $("body").on("mouseout", '.btn-trigger-1', function(){ $('.img-switch-1').removeClass("animation-step-1"); $('.img-switch-1').toggleClass("animation-step-2"); }); var intervalId = window.setInterval(function(){ $('.img-switch-1').removeClass("animation-step-2"); }, 400); // Тригер для второй кнопки btn-trigger-2 $("body").on("mouseover", '.btn-trigger-2', function(){ $('.img-switch-2').toggleClass("animation-step-1"); $('.img-switch-2').removeClass("animation-step-2"); }); $("body").on("mouseout", '.btn-trigger-2', function(){ $('.img-switch-2').removeClass("animation-step-1"); $('.img-switch-

5. Distributed teams

Infrastructure management

JS: Single page application

Cloud and VPS hosting, Introduction to Docker, Introduction to Kubernetes
Vagrant

*
Простые уроки, которые входят в базовые знания и в них обязательно нужно разобраться.

Infrastructure management

JS: Single page application

Cloud and VPS hosting, Introduction to Docker, Introduction to Kubernetes
Vagrant

**
Уроки, с которыми сложно разобраться, не вникнув в базовые знания. Иногда может понадобиться пересмотреть простые уроки, для того, чтобы понять тему.

***
Сложные уроки, которые потребуют практики и реального применения. Их можно отложить до момента, пока знания из них не будут нужны в реальном проекте.