Skip to content

Commit

Permalink
feat: added images
Browse files Browse the repository at this point in the history
MikAleinik committed Nov 8, 2023
1 parent ba3300d commit 06bcb01
Showing 25 changed files with 4,995 additions and 3 deletions.
298 changes: 298 additions & 0 deletions frontend/image/activist.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1,297 changes: 1,297 additions & 0 deletions frontend/image/expert.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
437 changes: 437 additions & 0 deletions frontend/image/feature-in-disguise-ru.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
123 changes: 123 additions & 0 deletions frontend/image/feature-in-disguise.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
114 changes: 114 additions & 0 deletions frontend/image/finished-work.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
130 changes: 130 additions & 0 deletions frontend/image/git-problem.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
90 changes: 90 additions & 0 deletions frontend/image/google.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
201 changes: 201 additions & 0 deletions frontend/image/helper.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
506 changes: 506 additions & 0 deletions frontend/image/hero.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
301 changes: 301 additions & 0 deletions frontend/image/i-saw-your-PR-ru.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
75 changes: 75 additions & 0 deletions frontend/image/i-saw-your-PR.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
135 changes: 135 additions & 0 deletions frontend/image/its-a-good-job.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
86 changes: 86 additions & 0 deletions frontend/image/lazy.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
136 changes: 136 additions & 0 deletions frontend/image/mentor-new.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
117 changes: 117 additions & 0 deletions frontend/image/no-mentor.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
50 changes: 50 additions & 0 deletions frontend/image/shocked.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
204 changes: 204 additions & 0 deletions frontend/image/slothorian.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
149 changes: 149 additions & 0 deletions frontend/image/so-little-work-i-done-eng.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
160 changes: 160 additions & 0 deletions frontend/image/student-without-mentor.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
86 changes: 86 additions & 0 deletions frontend/image/take-notes.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
122 changes: 122 additions & 0 deletions frontend/image/walk.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
61 changes: 61 additions & 0 deletions frontend/image/what-is-it.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
51 changes: 51 additions & 0 deletions frontend/image/wtf.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
31 changes: 28 additions & 3 deletions frontend/index.html
Original file line number Diff line number Diff line change
@@ -44,6 +44,7 @@ <h5>В общих фразах в описании...</h5>
<li class="fragment fade-up">Делает так, чтобы веб-страницы корректно открывались на разных
устройствах и браузерах</li>
</ul>
<img class="sloth bottom-left fragment fade-up" data-src="./image/its-a-good-job.svg">
</section>
<section>
<h5>В деталях по мнению HR...</h5>
@@ -66,6 +67,7 @@ <h5>В деталях по мнению HR...</h5>
<li class="fragment fade-up">Написание чистого, хорошо структурированного, кросс-браузерного,
тестируемого и масштабируемого кода</li>
</ul>
<img class="sloth right fragment fade-up" data-src="./image/shocked.svg">
</section>
</section>

@@ -81,19 +83,21 @@ <h4>Личностные навыки</h4>
<li class="fragment fade-up">Адаптивность</li>
<li class="fragment fade-up">Креативность</li>
</ul>
<img class="sloth right fragment fade-up" data-src="./image/helper.svg">
</section>
</section>

<section>
<section>
<h4>Базовые технические навыки</h4>
<h4>Основа будущего разработчика</h4>
</section>
<section>
<h5>Окружение приложения</h5>
<p class="fragment fade-up">Разрабатывая приложение необходимо понимать то окружение, для которого
оно предназначено (в котором будет выполняться), знать его особенности и механизмы</p>
<p class="fragment fade-up">Для начинающего фронтед разработчика это окружение, чаще всего, это сеть
Internet.</p>
<img class="sloth right fragment fade-up" data-src="./image/google.svg">
<p class="fragment fade-up">На начальном этапе нужно понимать</p>
<ul>
<li class="fragment fade-up">основы работы сети Internet</li>
@@ -105,7 +109,8 @@ <h5>Окружение приложения</h5>
</ul>
</section>
<section>
<h5>Три кита Frontend разработчика</h5>
<h5>Три кита Frontend разработки</h5>
<img class="sloth left fragment fade-up" data-src="./image/what-is-it.svg">
<ul>
<li class="fragment fade-up">HTML</li>
<li class="fragment fade-up">CSS</li>
@@ -150,6 +155,7 @@ <h5>JavaScript</h5>
</section>
<section>
<h5>И не только для Frontend</h5>
<img class="sloth left fragment fade-up" data-src="./image/take-notes.svg">
<ul>
<li class="fragment fade-up">Поиск информации и документации</li>
<li class="fragment fade-up">Чтение информации и документации</li>
@@ -172,13 +178,15 @@ <h5>Стилистика кода</h5>
<li class="fragment fade-up">ESLint</li>
<li class="fragment fade-up">Prettier</li>
</ul>
<img class="sloth right fragment fade-up" data-src="./image/i-saw-your-PR-ru.svg">
</section>
<section>
<h5>Системы контроля версий</h5>
<p class="fragment fade-up">Системы контроля версий отслеживают все вносимые в код изменения в
специальной базе данных. При обнаружении ошибки разработчики могут вернуться назад и
выполнить сравнение с более ранними версиями кода для исправления ошибок, сводя к минимуму
проблемы для всех участников команды</p>
<img class="sloth left fragment fade-up" data-src="./image/git-problem.svg">
<ul>
<li class="fragment fade-up">Git (распределенные)</li>
<li class="fragment fade-up">Subversion (локальные)</li>
@@ -189,6 +197,7 @@ <h5>Менеджеры пакетов</h5>
<p class="fragment fade-up">Позволяют использовать код написанный и опубликованный другими
разработчиками и использовать его как часть приложения, для целей оптимизации кода, отладки,
форматирования, сборки</p>
<img class="sloth right fragment fade-up" data-src="./image/hero.svg">
<ul>
<li class="fragment fade-up">npm</li>
<li class="fragment fade-up">pnpm</li>
@@ -225,6 +234,7 @@ <h5>JavaScript</h5>
программы</li>
<li class="fragment fade-up">Тип данных может быть изменен во время выполнения</li>
</ul>
<img class="sloth right fragment fade-up" data-src="./image/so-little-work-i-done-eng.svg">
<p class="fragment fade-up">В отдельном участке кода, при отсутствии аннотаций, порой сложно
определить тип данных, которые должны быть применены</p>
</section>
@@ -247,6 +257,7 @@ <h5>TypeScript</h5>
</li>
<li class="fragment fade-up">Тип данных не может быть изменен во время выполнения</li>
</ul>
<img class="sloth left-bottom fragment fade-up" data-src="./image/expert.svg">
<p class="fragment fade-up">В определенных случаях обработка типизации занимает больше места чем
полезная нагрузка кода</p>
</section>
@@ -266,6 +277,7 @@ <h5>Фреймворки и библиотеки JS</h5>
<li class="fragment fade-up">Vue</li>
<li class="fragment fade-up">Angular</li>
</ul>
<img class="sloth right fragment fade-up" data-src="./image/lazy.svg">
</section>
<section>
<h5>Библиотеки UI</h5>
@@ -277,6 +289,7 @@ <h5>Библиотеки UI</h5>
<li class="fragment fade-up">Ant Design</li>
<li class="fragment fade-up">Radix UI</li>
</ul>
<img class="sloth left fragment fade-up" data-src="./image/no-mentor.svg">
</section>
<section>
<h5>Препроцессоры</h5>
@@ -299,6 +312,7 @@ <h5>Тестирование</h5>
<li class="fragment fade-up">Jest</li>
<li class="fragment fade-up">Mocha</li>
</ul>
<img class="sloth left fragment fade-up" data-src="./image/feature-in-disguise-ru.svg">
</section>
</section>

@@ -316,6 +330,7 @@ <h5>Аутентификация</h5>
<li class="fragment fade-up">JWT</li>
<li class="fragment fade-up">OAuth</li>
</ul>
<img class="sloth left fragment fade-up" data-src="./image/wtf.svg">
</section>
<section>
<h5>Основы безопасности</h5>
@@ -328,6 +343,7 @@ <h5>Основы безопасности</h5>
<li class="fragment fade-up">XSS</li>
<li class="fragment fade-up">SQL injection</li>
</ul>
<img class="sloth right fragment fade-up" data-src="./image/walk.svg">
</section>
</section>

@@ -363,6 +379,9 @@ <h4>WEB разработка и не только</h4>
</section>
<section>
<h5>Мобильные приложения</h5>
<p class="fragment fade-up">От работы над WEB приложением до разработки мобильного приложения один
шаг...</p>
<img class="sloth left fragment fade-up" data-src="./image/student-without-mentor.svg">
<ul>
<li class="fragment fade-up">React Native</li>
<li class="fragment fade-up">Flutter</li>
@@ -372,6 +391,8 @@ <h5>Мобильные приложения</h5>
</section>
<section>
<h5>Десктопные приложения</h5>
<p class="fragment fade-up">... и второй шаг до десктопного приложения ...</p>
<img class="sloth right fragment fade-up" data-src="./image/activist.svg">
<ul>
<li class="fragment fade-up">Electron</li>
<li class="fragment fade-up">Flutter</li>
@@ -380,8 +401,10 @@ <h5>Десктопные приложения</h5>
</section>
<section>
<h5>Fullstack разработка</h5>
<p class="fragment fade-up">... сами пишем клиентскую часть приложения и для нее серверную ...</p>
<img class="sloth right fragment fade-up" data-src="./image/mentor-new.svg">
<ul>
<li class="fragment fade-up">Базовые знания JS</li>
<li class="fragment fade-up">Базовые знания JS + NodeJS</li>
<li class="fragment fade-up">Обработка запросов клиента</li>
<li class="fragment fade-up">Работа с файлами</li>
<li class="fragment fade-up">Запросы в БД</li>
@@ -393,6 +416,7 @@ <h5>Fullstack разработка</h5>

<section>
<p>В рамках текущего курса обязательно учитесь двум навыкам, которые вам пригодятся и в дальнейшем</p>
<img class="sloth left fragment fade-up" data-src="./image/slothorian.svg">
<ul>
<li class="fragment fade-up">пользоваться поиском</li>
<li class="fragment fade-up">читать текст ошибок</li>
@@ -405,6 +429,7 @@ <h5>Fullstack разработка</h5>
быстрее.</label>
<label>Льюис Кэрролл «Алиса в стране чудес»</label>
</p>
<img class="sloth left fragment fade-up" data-src="./image/finished-work.svg">
</section>
<section>
<h5>Вопросы и ответы</h5>
38 changes: 38 additions & 0 deletions frontend/style.css
Original file line number Diff line number Diff line change
@@ -113,4 +113,42 @@ p {
.quote>:nth-child(2) {
margin-top: 10%;
margin-left: 40%;
}

.sloth {
position: relative;
height: 200px;
}

.sloth.bottom-left {
top: 50%;
right: calc(50% - 100px);
}

.sloth.bottom-right {
top: 50%;
left: calc(50% - 100px);
}

.sloth.left {
position: absolute;
top: 50%;
left: -10%;
}

.sloth.left-bottom {
position: absolute;
top: 85%;
left: -10%;
}

.sloth.right {
position: absolute;
top: 50%;
right: -10%;
}

.sloth.center {
position: absolute;
top: 50%;
}

0 comments on commit 06bcb01

Please sign in to comment.