Скачать "Week #1. Introduction to Front-End"

"videoThumbnail Week #1. Introduction to Front-End

JS DOM & Events. Simple carousel example

JS DOM & Events. Simple carousel example

Канал: Rolling Scopes School

JavaScript / Front-end 2023 Q1 Stage #1. Intro

JavaScript / Front-end 2023 Q1 Stage #1. Intro

Канал: Rolling Scopes School

Stage#2 Intro

Stage#2 Intro

Канал: Rolling Scopes School

Angular 2021q1. Routing

Angular 2021q1. Routing

Канал: Rolling Scopes School

Task Review #2 Forms

Task Review #2 Forms

Канал: Rolling Scopes School

RS School 2023Q1 Patterns. Observer, Singleton.

RS School 2023Q1 Patterns. Observer, Singleton.

Канал: Rolling Scopes School

rolling scopes school

rsschool

frontend

00:00:08

всем привет привет

00:00:11

как мне слышно

00:00:21

типичный вебинар чик начинаем с того что

00:00:25

подстраиваемся по звуку

00:00:29

отлично

00:00:35

да предлагаю начать всем привет меня

00:00:38

зовут сергей с вами мы будем видеться

00:00:42

верно не так часто как на предыдущем

00:00:44

наборе но тем не менее думаю что путем

00:00:48

бизнеса на регулярной основе

00:00:51

сегодня мы поговорим о том что такое

00:00:54

джесс о том что такое front-end и мире

00:00:58

около frontend а сегодня будет очень

00:01:02

лайтовая скажем так готовый вебинар

00:01:06

introduction

00:01:07

поэтому можно сделать себе чехольчик

00:01:11

расслабиться в креслице и послушайте что

00:01:14

буду рассказывать что касается частей

00:01:19

наших с вами общение то как правило

00:01:22

вебинары делится на три части если но по

00:01:26

крайней мере у меня когда я рассказываю

00:01:28

свою тему и потом отвечаю на вопросы

00:01:30

вопросы я беру в первую очередь из канал

00:01:34

или streaming в дискорде но также смотрю

00:01:38

потом но если остается время

00:01:39

комментарии в youtube

00:01:42

и что самое важное что для подготовки к

00:01:46

следующим нашим бинарном мы будем давать

00:01:49

форму где вы можете оставлять вопросы и

00:01:52

на эти вопросы буду отвечать или кто-то

00:01:56

кто будет вместо меня будет встречать в

00:01:59

первую очередь ну что ж давайте тогда

00:02:02

начинать начнем мы вас чего

00:02:06

значит дима вчера уже успел рассказать

00:02:09

что себя представляет обучение в нашей

00:02:13

школе и что такое

00:02:15

собственно подготовительный этап значит

00:02:18

сам подготовительный этап это наш стоишь

00:02:22

0 так называемые тему с вами максимально

00:02:26

погружаем в голову

00:02:28

все что нам понадобится дальнейшем для

00:02:30

хотя бы минимальные разработки

00:02:34

то есть первые несколько недель это

00:02:37

самообучение частности это основы html

00:02:41

основы css и потом мы будем подходить

00:02:43

уже к java script у чуть позже кроме

00:02:47

того мы с вами изучим

00:02:51

так как работать с магнитом ну и плюс

00:02:55

все что касается

00:02:57

окружение рабочего настройка среды

00:03:02

разработки настройка браузера и так

00:03:04

далее все это мы будем с вами

00:03:06

рассматривать сегодня мы поговорим о

00:03:11

таких вещах как профессия контент

00:03:15

разработчик немножко погрузимся скажем

00:03:19

так посмотрим на родами относительно от

00:03:23

того что делает у нас front-end

00:03:26

разработчик

00:03:27

на работе да и не только по жизни да и

00:03:29

поговорим карьерном пути

00:03:33

значит что касается анонсов тестов и

00:03:38

того что нужно будет сделать к

00:03:40

следующему разу я расскажу в конце

00:03:42

нашего вебинара поэтому

00:03:46

сейчас мы поговорим конкретном

00:03:49

о

00:03:51

эссе

00:03:53

x

00:03:54

сразу просто в сторону

00:04:00

и начнем его с чем значит что такой

00:04:05

профориентация

00:04:06

у нас была уже видео на этот счет к

00:04:10

сожалению собрать такую же большую и

00:04:12

разношерстную команду как прошлый раз у

00:04:14

нас не получится но я думаю что будет

00:04:16

интересно и познавательно посмотреть это

00:04:19

видео даже в запись

00:04:21

сейчас мне больше интересно обсудить с

00:04:24

вами дорожную карту

00:04:26

джесс разработчика и с ним мы наверное

00:04:30

начнем и же мы и закончим и конкретно

00:04:34

поговорим про

00:04:36

the front end здесь это двадцать первом

00:04:39

году так что у нас тут срок мой пам

00:05:00

перейдем на картинку

00:05:03

единственная тут наверное буду немножко

00:05:05

увеличивать чтобы было лучше видно и

00:05:08

плюс буду делать сразу пометочки походом

00:05:15

ощущением и так

00:05:20

вляет судьба фронтенд разработчика

00:05:23

начнем вообще

00:05:24

издалека начнем с того чем вообще

00:05:28

занимается человек

00:05:29

условно на работе да то есть мы приходим

00:05:33

мы вносим какой-то свою долю действие

00:05:40

частности разработки и это доля потом

00:05:44

отражается виде какого-то результата

00:05:46

важно понимать что frontend это не

00:05:50

столько

00:05:52

работа как бы физическое

00:05:56

сколько все таки умственное и все что мы

00:06:00

больше всего нам будет нужно от этого

00:06:03

это усидчивость важный момент что когда

00:06:07

дима вчера говорил по поводу того что

00:06:10

нужно сделать пройти посмотреть курс

00:06:14

предположительно в четыре часа по поводу

00:06:16

того как учиться в раскол это не просто

00:06:20

так рассказано

00:06:22

мы старались сделать курс

00:06:26

чтобы можно было

00:06:28

ответ на него примерно 20 часов в неделю

00:06:30

15 20 часов в неделю

00:06:32

но если у вас есть возможность и желание

00:06:36

можно тратить больше важный момент

00:06:39

вообще всей вот этой движухе

00:06:42

фрунзенской в том что последний пункт и

00:06:46

он всегда актуален это продолжать

00:06:49

учиться то есть несмотря на то что сегодня мы

00:06:52

начинаем наш путь по изучению frontend а

00:06:56

надо настраиваться так что учиться

00:06:59

придется и дальше поэтому

00:07:02

какая-то определенная усидчивость и

00:07:05

навыки именно чтение запоминанию своей

00:07:10

информации и плюс практически пиво

00:07:14

нью-йорке

00:07:15

постоянно это важный момент но я думаю

00:07:19

что это касается и обучения не только

00:07:21

фронтэнда но и в принципе любому языку

00:07:23

программирования

00:07:25

или даже вообще обучение в учебных

00:07:29

заведениях

00:07:31

и так сейчас мы поговорим про то что из

00:07:38

себя представляет frontend чем хорошо

00:07:41

чем хорошо вообще говорить об этой

00:07:44

области тем что я могу сразу очень часто

00:07:47

визуально что-то показывать и объяснять

00:07:50

[музыка]

00:07:52

качественно вообще язык разработки java

00:07:55

script и всего что у него html css и

00:07:59

прочего

00:08:01

позволяет нам видеть результат принципе

00:08:04

сразу же там если мы говорим о каких-то

00:08:08

вещах

00:08:11

точнее о визуализации нашей работы the

00:08:15

front end цвета то что мы можем увидеть

00:08:19

и пощупать и как-то с этим при

00:08:22

взаимодействовать

00:08:24

но обо всем по порядку итак здесь будет

00:08:30

такая карта где мы будем смотреть какие

00:08:35

этапы мы будем проходить м прежде чем мы

00:08:38

дойдем до последнего этапа этапы

00:08:41

собеседования

00:08:44

начнем его с чего все что мы делаем

00:08:47

находится в вебе по сути это весь

00:08:52

интернет и все что с ним связано

00:08:55

это не только то что вы видите браузер

00:08:58

на самом деле это может быть и любые

00:09:01

приложил тки на телефонах на компьютерах

00:09:05

и так далее которые подключены к

00:09:07

интернету все что я начала нам нужно

00:09:11

понимать это то что мы можем передавать

00:09:14

через интернет нашу работу да то есть

00:09:19

какие-то страницы которые мы делаем

00:09:21

какие-то

00:09:22

взаимодействие с пользователем который

00:09:24

мы прописываем это все доступно

00:09:26

пользователю через интернет

00:09:28

1

00:09:32

алексей которая нас с вами будет

00:09:33

следующий раз это собственно

00:09:36

интернет

00:09:39

разговаривать про

00:09:43

такие вещи как интернет работает что

00:09:46

такое жди теперь тебе запросы

00:09:49

говорим с вами о том что такое браузер и

00:09:52

как они работают вот эта тема достаточно

00:09:54

интересная и мало того

00:09:58

с браузерами мы будем чаще всего над и

00:10:02

и все что мы будем делать будет

00:10:05

проверяться также правде по сути то что

00:10:09

мне нужно для работы и даже для

00:10:11

проведения вебинара это браузер поэтому

00:10:14

разбираться в том что он себе

00:10:16

представляет

00:10:17

а конкретно не только только открываются

00:10:20

страницы да и только как мы их видим но

00:10:23

и инструменты разработчика

00:10:25

об этом мы поговорим в следующий раз на

00:10:28

следующей неделе

00:10:31

также мы рассмотрим ну данной смеси на

00:10:34

рассматривать не будем поговорим там

00:10:36

вкратце о том что это такое больше

00:10:39

поговорим про то что такое домен имена

00:10:41

как распознавать и что они означают и

00:10:45

что такое хостинг на самом деле тоже не

00:10:48

очень глубоко

00:10:49

но полезно знать что из себя

00:10:52

представляет

00:10:54

собственно кастинг почему здесь в общем

00:10:57

вынесено

00:10:58

интернет как отдельные

00:11:00

как отдельная часть все очень просто

00:11:04

потому что все что делается этот

00:11:08

разработчикам

00:11:11

я на глаз видно конечному пользователю

00:11:13

этому чтобы пользоваться увидел плоды

00:11:18

нашей работы он тоже воспользоваться

00:11:20

интернетом а собственно когда мы делаем

00:11:24

наше приложение мне должны знать как

00:11:26

интернет работает

00:11:31

мы узнали что такое интернет точнее

00:11:35

после того как мы вообще разбрелись тем

00:11:38

что работа наша удаленная мы можем

00:11:43

перейти к изучению непосредственно основ

00:11:49

три столпа

00:11:51

веб-разработки это html css java-script

00:11:55

что вы услышите дальше и ниже носить на

00:11:59

этих трех языков

00:12:03

назовем что html все-таки это в in which

00:12:06

do язык разметки тесто язык стилей но

00:12:10

скорее это

00:12:14

способ написания стиле и

00:12:17

javascript это самостоятельный язык

00:12:19

программирования так вот когда мы

00:12:22

говорим про третьих столпа то

00:12:30

все что мы быть

00:12:32

вам будет так или иначе основываться на

00:12:34

знаниях полученных

00:12:35

относительно

00:12:37

них значит давайте начнём с самого

00:12:42

простого и самого понятно из к это html

00:12:48

что на себя представляет на самом деле

00:12:50

это каркас нашего приложения

00:12:53

все что мы видим на странице так или

00:12:56

иначе записано в формате html

00:13:01

даже если я сейчас зайду условно на

00:13:03

гитхабе посмотрю на вот эту страницу то

00:13:06

вижу что здесь есть много каких-то

00:13:09

элементов там от крашеных

00:13:14

от крашеных заголовков еще чего-то но то

00:13:19

есть пока элементов я даже открою для

00:13:23

примера под pm

00:13:25

буду к нему у него сегодня ссылаться я

00:13:28

просто того чтобы мы визуально видели

00:13:30

что происходит здесь мы видим красивую

00:13:34

оболочку да прям можно писать html css в

00:13:41

браузере и моментально видеть результат

00:13:45

моментально видеть результат но меня

00:13:49

интересует не столько это сколько то что

00:13:52

здесь сейчас представлено да то есть мы

00:13:57

видим какую-то полностью рабочую

00:13:59

платформу мы видим киту окно кнопки и

00:14:04

так далее и все это в принципе работает

00:14:06

то есть так как будто бы видео открываем

00:14:08

приложение не в браузере а например на

00:14:11

компе

00:14:12

но при этом да ты понимаешь что все это

00:14:15

структурирована так что в основе лежит

00:14:18

наш html

00:14:20

если я например захочу посмотреть как

00:14:23

это выглядит без стиле то я могу

00:14:26

выключить

00:14:27

полностью стиле да и увидит что

00:14:30

вообще-то все мои страницы выглядит

00:14:34

просто как набор элементов

00:14:38

то есть

00:14:40

вся вот эта менюшка например которую я

00:14:43

видел in description and a этого так

00:14:46

далее она скрыта

00:14:47

на определенном модульном окне модальном

00:14:50

окне который открывается который

00:14:52

закрывается и как там с этим всем

00:14:55

взаимодействие но при этом все это на

00:14:59

самом деле обычный текст

00:15:01

формате hd мы положенный в определенные

00:15:05

теги

00:15:06

то есть если мы даже проинспектируем то

00:15:08

обидимся в том что даже вот эти вот

00:15:13

заголовки и не только но и все кнопки и

00:15:16

так далее прописанные виде определенных

00:15:19

ешьте мы элементов то есть все что мы

00:15:23

видим на странице

00:15:24

это html то что мы на странице видим это

00:15:28

красиво да то сейчас я еще обратно

00:15:33

стили что мы все это видим красиво это

00:15:37

css

00:15:38

а то что я могу нажать на кнопку и и

00:15:41

что-то происходит я могу заполнить

00:15:44

какие-то поля не обрабатываются что-то

00:15:47

переключить и так далее это java-script

00:15:50

то есть все это вместе одно большое

00:15:54

красивым frontend приложение

00:15:57

но вообще в принципе в приложении но то

00:16:02

что делает front-end разработчик

00:16:04

в общем то она в себе содержит все есть

00:16:08

перечислено

00:16:12

перт

00:16:13

все к программе нашего обучения и первое

00:16:17

что мы будем делать собственно пройдем с

00:16:19

вами курс html

00:16:22

первую неделю мы будем заниматься им

00:16:24

будем читать проходить код basic

00:16:30

курс и по окончании нашего прохождения

00:16:34

будем сдавать тест

00:16:36

получается оценку и двигаться дальше

00:16:38

сейчас давайте рассмотрим какие есть

00:16:42

аспекты html и я расскажу о тому что и

00:16:46

здесь на важно что не особо для

00:16:49

понимания так основы

00:16:51

конечно нужно знать семантические штиль

00:16:54

тоже нужно знаете почему потому что как

00:16:58

мы вот с вами видели если я сейчас еще

00:17:00

раз

00:17:01

включу панельку

00:17:04

и выберу какой-нибудь условный

00:17:08

те кто вижу да что вообще даже вот

00:17:13

простой струк

00:17:17

структуре нашего приложения я уже вижу

00:17:19

что у нас есть их ядер и какие-то

00:17:22

заготовочки

00:17:27

что мы не просто пишем набор каких-то

00:17:30

элементов дескрипторов от этих тегов

00:17:33

но при этом они имеют под собой

00:17:36

нормальное значение

00:17:40

секундочку

00:17:57

вернемся к теме

00:18:00

поэтому semantic

00:18:01

должна быть потому что 2021 году мне

00:18:06

кажется не семантически

00:18:07

разметку уже никто не пишет формы

00:18:11

это как с ними работать это мы разберем

00:18:15

и поговорим подробнее то есть даже в

00:18:19

практических заданиях начиная состоит

00:18:21

журнале у нас будут задачи на форму и на

00:18:25

их валидация хотя бы простейшие то как

00:18:28

валидацию строим действительно сложных

00:18:31

какие шинах мы рассматривать пока не

00:18:34

будем это сложная тема

00:18:38

но при этом простые валидации знать

00:18:42

обязательно conventions and best

00:18:45

practices

00:18:46

вообще вот эта тема наверное нет почему

00:18:50

потому что best practice везде свой я бы

00:18:55

вынес его какой-то отдельный тип даже

00:18:59

там точнее в воде не типа наименование

00:19:04

такая как гайд лайм или ставил каиды то

00:19:08

есть когда у нас есть список того что

00:19:10

можно писать что нельзя того как писать

00:19:13

никак нельзя если мы говорим про

00:19:15

реальные приложения и даже про

00:19:18

приложение который будет стартовать на

00:19:21

стоит журнале

00:19:23

у нас будет своя конкретно указано что

00:19:25

можно использовать что нельзя их случаях

00:19:28

то есть операции лучше всего на уже

00:19:31

известные

00:19:33

но уже известно архитектуру и

00:19:37

описание того как она должна выглядеть

00:19:39

поэтому

00:19:41

запоминать все возможные варианты я

00:19:44

считаю не нужно но при этом знать где

00:19:48

найти именно те что используется на

00:19:51

проекте это будет обязательно в

00:19:54

частности обычно это заглавная страница

00:19:59

какой нибудь в документации вики и

00:20:02

кипятим так далее

00:20:06

дальше мы говорим что есть у нас такие

00:20:11

параметры как accessibility то есть

00:20:14

доступность нашего кода а именно нашего

00:20:19

нашей странице нашего приложения не все

00:20:22

люди одинаково могут прочесть

00:20:26

страницу видите и поэтому для

00:20:29

слабовидящих для например на слепых

00:20:32

людей есть определенные ретры сейчас я

00:20:36

работаю с медицинским приложением и все

00:20:41

что мы делаем должно быть понятно не

00:20:43

только человеку который имеет глаза уши

00:20:47

и все рецепторы восприятие да но также и

00:20:52

люди которые которых возможности

00:20:55

ограничены поэтому

00:20:57

вообще что касается действительно

00:21:02

всеобъемлющих приложений которые под

00:21:06

контроль большую историю

00:21:10

здесь важно хотя бы быть в курсе что это

00:21:13

такое

00:21:15

поэтому для понимания того как это

00:21:19

работает

00:21:20

полезно знать даже если вы этого не

00:21:23

использовали

00:21:24

ну и сел это вообще отдельная большая

00:21:29

большая тема это даже не столько html

00:21:34

как вообще связка всего front-end и все

00:21:38

что нам нужно сейчас запомнить это то

00:21:40

что еще один на странице используется

00:21:42

один раз до keywords уже не особо

00:21:45

работают как метод так вот

00:21:50

это мы даже выучили в принципе можно к

00:21:53

этому не возвращаться если мы говорим

00:21:56

про seo специалистов ну конечно

00:21:57

настройка и администрирование какого-то

00:22:01

веб сайта магазина и так далее это

00:22:03

большой пласт работы в котором нужно

00:22:06

разбираться но разработчик принципе

00:22:10

может об этом не особо

00:22:13

париться знать тогда то есть нам это как

00:22:18

постоянное явление не особо нужна

00:22:25

поэтому будем считать что мы это знаем и

00:22:29

но грубо говоря если придет задание вот

00:22:33

seo-специалиста

00:22:34

мы сможем быстро разобраться где чтобы

00:22:37

править потому что эта область

00:22:38

ответственности другого

00:22:42

другой профессии другого человека

00:22:45

так пойдем дальше и поговорим про стиле

00:22:49

здесь

00:22:51

параметров меньше просто почему потому

00:22:54

что когда мы говорим про цесса сам по

00:22:57

себе он не имеет смысла

00:23:01

да потому что все что мы делаем со

00:23:03

стилями мы как-то преобразуем уже

00:23:06

имеющуюся html поэтому знать как пишутся

00:23:11

стилей так они подключаются это важно

00:23:14

про то как сделать layout а именно если

00:23:18

мы говорим про

00:23:20

позиционированию в двух колоночный 3

00:23:23

гоночные макеты про красивого ялта

00:23:26

например такие красивые я вот я знаю не

00:23:31

вообще очень много есть красивых

00:23:36

веб сайтов которые красиво там

00:23:38

взаимодействуют параллакс и так далее

00:23:42

еще

00:23:45

не помню наверное сейчас уже не особо

00:23:47

есть но раньше были прям возможности

00:23:51

вот таких не мир точнее когда мы

00:23:54

начинаем там скрывались

00:23:56

передвигаться появляются такие

00:23:58

анимированные

00:24:01

штучки

00:24:04

казалось бы то есть можно это все

00:24:07

сделать с помощью каких-то меди

00:24:09

элементов водить сложные изображение и

00:24:14

так далее но тоже время это все можно

00:24:17

сделать со средствами обычного css можно

00:24:20

делать очень крутые

00:24:23

анимации делать красивые дизайны и так

00:24:26

далее

00:24:28

так

00:24:30

но при этом что важно что наши ялты

00:24:35

они будут не просто

00:24:40

не просто работать но и работать хорошо

00:24:42

и современно поэтому если мы говорим про

00:24:45

подходы в разработке

00:24:47

то сразу вот и потому что хоть их

00:24:53

и до сих пор использую но это уже скорее

00:24:57

исключение из правил

00:24:58

кроме случаев когда нам нужно будет

00:25:02

работать с и поддерживать код который

00:25:05

уже устарел

00:25:06

если мы говорим про legacy код то

00:25:09

конечно болт и могут встретиться нам

00:25:13

нужно знать как с ними разобраться

00:25:15

еще лучше как их переписать на flex и

00:25:18

вам подобные вещи потому что технологии

00:25:22

которая была заточена под флот и

00:25:25

это интернет эксплорер и старых версий

00:25:28

да уже не имеет там охват аудитории

00:25:31

которая раньше и соответственно

00:25:34

некоторые вещи просто устаревают

00:25:39

что касается позиционирования дисплей но

00:25:44

скорее всего тут имеется ввиду

00:25:47

какой экран

00:25:49

отображение да то есть все может быть и

00:25:52

экран мобильного телефона экран

00:25:55

компьютера на все нужно поддерживать

00:25:57

как правило

00:26:00

сайте позиционирования тоже очень важная

00:26:03

тема все что у нас строится по сути на

00:26:08

на нашей странице то есть как бы не были

00:26:11

разбросаны элементы пускай это одно

00:26:14

изображение или несколько изображений

00:26:17

например если у нас есть какая-то

00:26:19

какой-то wrapper колонка который идет по

00:26:23

центру до

00:26:25

давайте попробуем сейчас посмотреть то

00:26:27

есть вот она да

00:26:31

мы видеть что

00:26:35

определенный класс то есть это может

00:26:38

быть

00:26:40

open на текст но при этом быть еще

00:26:43

кажется эта колонка выходящие за

00:26:46

привычные размеры с дополнительными

00:26:49

элементами то есть таким образом с

00:26:53

позиционированием нам позволяет делать

00:26:56

интересные штучки то есть выходящие за

00:27:00

края

00:27:01

колонки нестандартные колонки

00:27:05

пересечению картинок и колоннах и так

00:27:07

далее

00:27:09

все это в принципе

00:27:12

можем сделать с помощью позиционирования

00:27:15

я бы немножко выделил по-другому что

00:27:18

сама позиционирование может

00:27:21

[музыка]

00:27:23

быть также с сделано с помощью к рядов x

00:27:28

box of или обычного позиционирования

00:27:32

типа позишн что касается секса сгорит и

00:27:36

форекс бокс это современная технология

00:27:39

имя сейчас активно пользуется при этом

00:27:42

одно другому не мешает то есть если вы

00:27:46

где-то используете flex вставить внутрь

00:27:49

какой-то grid может быть очень полезно и

00:27:52

удобно то же самое наоборот внутри grid

00:27:57

сетки например может находиться элементы

00:28:01

расположены с помощью flexo что это

00:28:04

такое мы поговорим немножко позже сейчас

00:28:06

важно понимать что все что все что мы

00:28:10

можем сделать мы можем взять все что

00:28:13

угодно да любые пропорции любые виды

00:28:16

нашего изображения

00:28:18

это всем кончику робина и все это можно

00:28:22

сделать с помощью средств css я поэтому

00:28:25

все это отмечаем

00:28:27

как полезно для изучения и всё это мы

00:28:30

будем с вами рассматривать изучается и

00:28:33

последний момент это испанцев дизайн и

00:28:38

медик вере

00:28:39

сейчас нам важно понять что то что мы

00:28:43

видим на экране одна и та же страница

00:28:46

может быть как воспроизводиться на

00:28:49

экране компьютера также может точно

00:28:52

также может появляться и на экране

00:28:54

мобильного телефона планшета и так далее

00:28:58

простейший пример что мы можем

00:29:00

сымитировать например посмотреть как

00:29:03

сайт apple

00:29:04

открывается на каком-нибудь айфоне или

00:29:07

айпаде да и посмотреть насколько их приложение

00:29:11

самого apple оптимизирована под продукт

00:29:14

apple и как мы видим когда мы

00:29:17

переключились

00:29:18

соответственно все картинки весь layout

00:29:23

выглядит хорошо да то есть текст никуда

00:29:26

не выходят за рамки везде все видно

00:29:30

какие то анимации крутые ролики и так

00:29:34

далее все это входит в рамки самого

00:29:38

устройства

00:29:39

и все оптимизирован то есть чтобы

00:29:42

добиться такого результата используются

00:29:44

как раз таки диспансеров или адаптивный

00:29:48

сайт

00:29:51

мы если открою на имитаторы телефон о

00:29:55

имитаторе

00:29:56

до телефона

00:29:58

fnx увижу то же самое то есть весь сайт

00:30:03

адаптировался от мобильные устройства то

00:30:07

есть текст как был рамках нашей странице

00:30:11

так и остается ссылки картинки все в

00:30:14

принципе читаема

00:30:15

видимо и

00:30:18

оптимизирован

00:30:22

тема важные

00:30:24

кроме того даже начинается статью 0 мы

00:30:28

будем делать приложение сразу адаптивные

00:30:32

то есть разработка будет не только под

00:30:35

версии для десктопа

00:30:37

мая также под мобильные устройства под

00:30:39

планшеты

00:30:43

ищем и так в принципе все что мы здесь

00:30:49

видим это html и css и этого нам

00:30:53

достаточно

00:30:54

но если я вдруг захочу пойти дальше уже

00:30:59

выходить по корзине посмотреть что я тут

00:31:03

могу сделать выбрать цвет условно

00:31:07

какие-то параметры и так далее начинаю

00:31:09

уже взаимодействие со страницы расчетом

00:31:13

чтобы мне подобрала какой-то вариант

00:31:16

все это на лету изменялась так далее

00:31:20

уже мы говорим о

00:31:22

таком языке как java script

00:31:26

есть язык который позволяет устраивать

00:31:30

взаимодействия из пользователя который

00:31:33

получает всю отзывчивость и собственно

00:31:36

интерактив который происходит на

00:31:38

странице все это прописывается с помощью

00:31:41

скриптов

00:31:43

снасти под основой скриптов

00:31:47

мы потратим всегда java-script даже если

00:31:51

мы пишем не конкретно на java скрипте

00:31:54

все равно на выходе все что происходит у

00:31:57

нас на странице преобразуется в java

00:32:00

script

00:32:07

то есть нельзя открыть

00:32:09

и увидеть что-то внутри тега script

00:32:14

либо отдельным файлом скрипт

00:32:16

и это будет не java-script то есть все

00:32:19

что отображается на странице по сути все

00:32:23

взаимодействие это скрипты это java

00:32:25

script и это все что мы с вами сможем

00:32:28

читать даже несмотря на то что здесь

00:32:31

используются war и так далее все это

00:32:35

нормально ну покрайней мере сможем

00:32:39

невооруженным глазом посмотреть и понять

00:32:42

что же здесь происходит что здесь

00:32:44

написано и как с этим работать если

00:32:47

понадобится

00:32:50

так

00:32:52

что касается же русский то конечно

00:32:55

первое что мы с вами сделаем это узнаем

00:32:58

о синтаксисе и основах значит что

00:33:05

чтобы вообще говорить о чем-то дальше и

00:33:09

за пределами текущего текущего блока

00:33:14

java-script нам нужно знать сосново

00:33:17

настолько хорошо чтобы у нас в принципе

00:33:19

никогда не весь на кого вопросов что как

00:33:23

пишется да значит чтобы этого добиться

00:33:27

нам нужно будет практика практика опять

00:33:32

же посредством год то есть x курса

00:33:34

котором будем проходить проходим устаем

00:33:37

тесты

00:33:38

запоминаем все что мы учили потому что

00:33:41

не в стоишь 1-ой не стричь 001 нам все

00:33:47

равно это она напиться все равно это

00:33:49

понадобится кроме того если мы говорим

00:33:53

про основные структуры то основы

00:33:57

алгоритмов и всего что мы можем делать

00:34:01

на странице

00:34:02

вкладывается в общем-то

00:34:05

подаются в наш индекс и

00:34:09

базовый конструктор то есть база она

00:34:12

всегда принципе одинаково кроме того как

00:34:17

мы уже с вами посмотрели да мы можем

00:34:19

взаимодействовать с html документ если

00:34:23

мы говорим о том что в рамках java

00:34:26

script мы можем написать два плюс два

00:34:29

и в ответе получить 4

00:34:33

и подразумевать под этом основа основа

00:34:36

база да и синтаксиса то чтобы

00:34:39

взаимодействовать с нашей странице то

00:34:42

как мы это делали там выбирали

00:34:44

параметрами что-то меняли

00:34:46

например кстати интересно что я нажимаю

00:34:49

кнопку у меня страница сама переезжает

00:34:51

вниз к следующему

00:34:53

кому-то выбору

00:34:55

так далее то есть все эти взаимодействия

00:34:57

со страницы перелистывание

00:34:59

переходы открытия-закрытия

00:35:02

копченов спойлеров так далее

00:35:06

все это делается с помощью манипуляции с

00:35:10

html или с.с.

00:35:13

но неважно целом мы работаем с

00:35:15

документом

00:35:17

чтобы понимать весь наш

00:35:21

весь наш html файл это так называемые

00:35:24

документ то есть даже если я забью

00:35:28

простое слово документ то вижу что вот

00:35:32

вся эта страница которые выведена у меня

00:35:35

слева это документ

00:35:39

ответственно документ объектной модели

00:35:43

или дом

00:35:45

это то с чем я могу работать посредством

00:35:48

java-script база в принципе тоже самое

00:35:52

если я например каких-то элементов 8

00:35:56

элемент и умножить его на 2 и вставлю на

00:35:58

страницу то у меня будет не один элемент

00:36:01

а два

00:36:02

все это делается тем же самым

00:36:06

теми же самыми сосцами что и обычно

00:36:09

вычисления математических скрипт но как

00:36:14

область применения

00:36:15

и основная скажем так область

00:36:18

это как раз-таки управление дома

00:36:23

сюда же входит и ивенты которые могут

00:36:27

происходить то есть сами события

00:36:29

который производит юзер

00:36:33

но их собственных обработками

00:36:36

но про это я тоже немножко поговорю

00:36:39

позже когда мы подробнее подойдем к

00:36:42

пробке события

00:36:45

но сейчас важно понимать до что джо

00:36:48

русский помимо того что позволяет нам

00:36:51

делать какие-то базовые операции в том

00:36:54

числе математически он позволяет нам

00:36:56

делать манипуляции с нашим документам и

00:37:00

работать с документом как раз таки

00:37:03

называется о том некурящим то есть все

00:37:06

что мы можем делать со страницы

00:37:09

кроме того

00:37:11

если например я хочу купить айпад но в

00:37:15

продаже есть только две версии там

00:37:18

базовой и

00:37:20

с пример какой-нибудь сетью какой-нибудь

00:37:25

супер про ipad air уже кончился то есть

00:37:30

его нету продажа

00:37:31

и соответственно надо дать странице

00:37:34

как-то понять что осталось продаже

00:37:37

только два типа ибо в файл бы вай фай

00:37:40

solar а соответственно он 3 4 5 типа а

00:37:46

планшетов уже продолжим нету закончились

00:37:50

чтобы такого рода информацию получать

00:37:54

передавать и отображать

00:37:59

точнее но на нас интересует конкретно

00:38:01

передача используется запрос там то есть

00:38:05

все что мы отправляем мы запрашиваем из

00:38:08

какой-то базы данных

00:38:10

запрашиваем отображаем или отправляем

00:38:14

чтобы

00:38:15

обновилась все это происходит в рамках

00:38:19

наших

00:38:22

начнем все происходит в рамках запросов

00:38:24

это большая достаточно тема изучение

00:38:28

но ее будем разбирать

00:38:31

отдельно и дни скоро просто потому что

00:38:35

это достаточно объемлющее объемные

00:38:41

объемная

00:38:44

часть java script и как правило то есть

00:38:48

это же когда идет работа с какими-то

00:38:50

данными пользователя они просто

00:38:53

отображения статичные страничке

00:38:56

вот поэтому мы знаем что такое есть до

00:39:00

это нужно знать

00:39:01

но об этом будем разговаривать чуть

00:39:04

позже чуть позже и плюс что еще

00:39:09

интересного это собственно поддержка и

00:39:12

обновление языка как такового то есть

00:39:15

если мы говорим про java-script у всего

00:39:18

есть своя

00:39:20

скажем так дата появления и дата

00:39:23

обновления

00:39:25

если мы говорим про java script то

00:39:27

каждый год выходит новой спецификации в

00:39:30

которых есть какой-то набор

00:39:34

какой-то набор нового функционала

00:39:36

который не как правило браузер и

00:39:38

включают поддержку на этапе

00:39:44

принятие

00:39:46

не будем

00:39:47

с сильно зацикливаться на том что

00:39:51

что сейчас появилось чего раньше не было

00:39:54

или что появится

00:39:57

чего не было то этого все это можно

00:40:00

почитать в документации java скульптуру

00:40:02

или этим скриптом новому ну например

00:40:07

самый такой простой да это то что вот

00:40:11

здесь на сайте apple скриптах который

00:40:14

находится на странице я могу видеть

00:40:17

слово ключевое слово var обозначающая

00:40:21

перемена но если мы говорим про есть 6

00:40:25

плюс как сказано здесь 200 км а скрипт

00:40:28

который появился 2015 году и позже

00:40:32

то мы уже будем писать него а

00:40:35

какой-нибудь con ст 2 лет

00:40:39

далее то есть принципе постоянная

00:40:42

поддержка и обновление языка это также

00:40:46

такой flow который постоянно приходится

00:40:50

узнавать отслеживать и быть в кокер

00:40:53

относительно языка java script то есть

00:40:55

нет такого что выпустили язык и он на

00:40:58

все времена одинаков то есть все

00:41:02

развивается в том числе сам и знать

00:41:09

что появилось новое и потом это внедрять

00:41:12

эта часть работы это часть работы

00:41:17

так вот это я бы добавил на самом деле

00:41:19

сюда же

00:41:20

то есть всегда понимать как работают еще

00:41:27

взаимодействие с домом и

00:41:29

что новенького там появилась как это

00:41:32

поддерживается и так далее

00:41:35

это просто часть работу то есть надо

00:41:39

знать как это работает как это работало

00:41:43

когда мы еще начинали это делать и если

00:41:46

что-то изменилось как это будет

00:41:47

отражаться на пользователя

00:41:52

су нашей разработки но это скорее

00:41:55

касается не столько самого скрипта

00:41:58

сколько фреймворков как правило

00:42:01

фреймворке

00:42:02

[музыка]

00:42:03

дети чаще мы об этом говорим немножко

00:42:07

дальше итак за свою мы уже столько всего

00:42:11

с вами обсудили про говорили только про

00:42:14

три блока html css аджарской

00:42:18

почему так подробно потому что самом

00:42:21

деле зная базы html css java-script мы

00:42:26

можем работать мы можем

00:42:29

в принципе принимать и решать задачи

00:42:33

которые перед нами ставится

00:42:37

изучая попутно какие-то дополнительные

00:42:39

детали то есть все остальное что

00:42:42

касается фронтэнда это уже больше детали

00:42:46

вспомогательные какие-то инструменты и

00:42:48

так далее но основы

00:42:51

это наших три языка

00:42:57

хорошо мы прошли курсы изучили

00:43:02

или что такое что миссис джонс скрипт

00:43:05

сдали тесты

00:43:06

попробовали потыкали в форме нашей

00:43:11

разработки и

00:43:13

что собственно мы стали уже хорошими

00:43:16

разработчиками не совсем то есть чтобы

00:43:20

наша работа была доступна и мы могли с

00:43:24

ней взаимодействовать с любого по сути

00:43:27

устройство с любого компьютера чтобы мы

00:43:29

могли вообще в принципе где-то хранить

00:43:33

наш код который мы с вами пишем

00:43:37

этого используется система контроля

00:43:40

версий или репозитории да значит в целом

00:43:45

то есть эти системы позволяют нам не

00:43:49

только отслеживать не только хранить

00:43:52

текущую версию нашего кода но также и

00:43:56

сохраняется вся история того что мы

00:43:58

делаем

00:43:59

того что делают

00:44:02

того что делают другие люди команде все

00:44:07

это можно между собой соединять

00:44:09

преобразовывать и получать выходной

00:44:12

продукт то есть на самом деле размер

00:44:16

команды разработки может быть не

00:44:20

ограничен

00:44:22

все что нам важно чтобы код который

00:44:25

пишет этим человек не ломал

00:44:28

не разрушал код который пишет другой

00:44:30

человек а наоборот дополняла

00:44:32

чтобы все это было слито

00:44:35

единое

00:44:37

красивое приложение которое потом можно

00:44:41

давать пользователю руки чтобы вот такое

00:44:46

объединение работы коллаборацию сделать

00:44:50

используется система контроля версий в

00:44:54

частности даже если мы посмотрим на наши тоски

00:44:58

написание стоишь 0

00:45:00

все это находится на платформе т'хаб на

00:45:05

самом деле это просто крупнейшие

00:45:07

система в нашем случае это какой-то

00:45:12

сторож который позволяет получать доступ

00:45:14

к файлам для всех заинтересованных людей

00:45:21

когда вы будете выполнять свои работы вы

00:45:24

также будете работать с системой

00:45:27

контроля версий птиц но и соответственно

00:45:30

нет хабом и

00:45:33

знать как базового им пользоваться это

00:45:36

будет обязательно

00:45:39

это обязательно не только потому что мы

00:45:41

этого хотим но в работе то есть

00:45:45

даже на этапе собеседования то есть

00:45:47

этого не спрашиваю просто потому что

00:45:50

считается что любой человек должен

00:45:53

понимать как это работает

00:45:57

есть этот блок весь этот блок

00:46:02

у нас 1-ый отдельный через курс об этом

00:46:05

расскажет антон белый и

00:46:08

только работать с и там нужно будет

00:46:11

потратить время изучить но сделать это

00:46:15

так чтобы потом вопросов не было то есть

00:46:19

чтобы потом к этому не возвращаться

00:46:25

что такое web security больше так далее

00:46:28

мы это опускаем это важная тема

00:46:32

например если у нас есть запросы из

00:46:36

каких-то баз данных где мы должны все

00:46:38

соединить и при этом чтобы не было

00:46:42

конфликтов

00:46:44

но область достаточно обширная и нам она

00:46:48

пока не нужно потому что мы будем чаще

00:46:52

работать с какими-то локальными

00:46:56

критичными и собственно если мы говорим

00:46:59

про диплом то все будет находиться в

00:47:03

рамках одного

00:47:04

репозитория в рамках одного

00:47:07

про в рамках одного 1 локали и

00:47:09

соответственно все вот эти вот процессы

00:47:13

которые касаются переходов между

00:47:17

страницами то есть

00:47:18

кросс origins место так далее нас это не

00:47:24

интересует

00:47:25

вообще конечно в современном мире сложно

00:47:29

представить какое-то приложение которое

00:47:32

не содержит при себе под собой например

00:47:38

нового базового хотя бы коммуникатора

00:47:41

даже если мы говорим про приложение

00:47:44

которое про сайт например тепла да еще

00:47:48

чего-нибудь

00:47:51

насколько я помню

00:47:55

chic

00:47:56

мы можем

00:47:59

можем увидеть что есть у нас

00:48:02

онлайн-консультант и это касается не

00:48:04

только вообще отдельно в принципе любого

00:48:07

любого мало-мальского сейчас уже

00:48:10

магазина где есть вот такие вот виджеты

00:48:13

с консультации

00:48:17

но как правило там консультация

00:48:18

специалиста и так далее то есть мы уже

00:48:21

не говорим про соцсети нта где мы можем

00:48:24

вступать группы в чат и

00:48:27

и общаться real-time с другими людьми то

00:48:30

есть real-time кукишем карте си это вещь

00:48:34

которая сейчас распространена

00:48:36

практически везде практически везде и

00:48:39

если мы говорим про web security то

00:48:43

главное главное для нас запомнить что

00:48:45

нет ничего важнее

00:48:47

персональных данных человека

00:48:49

и принципе то есть вся все данные

00:48:53

которые происходят при обмене

00:48:55

с клиентом это все очень такая важная

00:49:01

вещь на которую на защиту которой

00:49:04

тратится огромные ресурсы но при этом

00:49:07

вообще кибербезопасность

00:49:11

это огромная область который из которой

00:49:16

нам в общем-то ничего не нужно да то

00:49:20

есть для базового разработчика

00:49:22

если мы говорим про понимание снов

00:49:27

чем-то

00:49:29

здесь то что может понадобиться это

00:49:31

https

00:49:32

но так кажется теперь уже давно не

00:49:35

используется и вообще то есть вы не

00:49:37

пройдете даже точнее сейчас насколько я

00:49:41

знаю нельзя зарегистрировать сайт на

00:49:42

протоколе ешьте тебе то есть у вас в

00:49:45

любом будет https даже если вы будете

00:49:48

что-то делать на гитхабе и

00:49:52

разворачиваются там же

00:49:54

все равно будете использовать https

00:49:56

поэтому мы говорим так что там мы всем

00:50:00

этим пользуемся вам-то

00:50:03

ты сейчас не нужно

00:50:08

а дальше так так так

00:50:13

что дальше у нас начинаются уже

00:50:16

инструменты

00:50:18

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

00:50:21

знать потому что опять же если мы

00:50:25

говорим про большие какие-то проекты

00:50:27

которые сейчас есть у нас на просторах

00:50:30

интернета

00:50:32

то они никогда уже точнее чтобы они

00:50:36

делаются с использованием базовых

00:50:38

средств то есть это как правило уже в

00:50:41

при тишины приложение которые собираются

00:50:44

из кучи разных мелких и не очень

00:50:48

пакетиков

00:50:50

складываются в одну большую коробочку и

00:50:53

всю эту коробочку в общем то мы отдаем

00:50:56

клиенту или пользователю

00:50:58

прямо браузер

00:51:01

в общем то вот эти вот маленькие

00:51:05

коробочки маленькие пакетики которые

00:51:08

собираются в один большой

00:51:12

в одну большую коробку которую можно

00:51:14

использовать и то есть наши пакетный

00:51:18

менеджер

00:51:19

чаще всего мы говорим про mpm

00:51:22

но иногда про ярно это примерно одно и

00:51:25

тоже из этого нам важно знать что если

00:51:29

вы когда-нибудь столкнетесь с такой

00:51:32

записью как not модуль из

00:51:36

это как раз таки есть наши пакеты

00:51:40

[музыка]

00:51:41

если вы видите огромную папку даже

00:51:43

пуская в несколько гигабайт внутри

00:51:46

проекта

00:51:47

не пугайтесь это этому модулю

00:51:54

и хорошо когда мы говорим про разработку

00:51:59

с помощью средства css html и java

00:52:03

script то скорее всего мы говорим не о

00:52:05

том что мы пишем прямо с с ручками

00:52:08

мы говорим о том что мы можем быстро

00:52:12

создавать каскадные таблицы стилей или

00:52:16

скрипты с помощью каких-то

00:52:20

дополнительных инструментов то есть

00:52:23

условной до этого вы всегда копали

00:52:25

картошку лопаты теперь вас появился

00:52:28

какой-то более мощный инструмент

00:52:30

условной там

00:52:33

трактор который позволяет сделать весь

00:52:37

тот же объем работы то есть по факту нас

00:52:39

поле вспахано но при этом сделать его

00:52:42

гораздо быстрее и продуктивнее все что

00:52:46

находится дальше в этом списке это

00:52:49

инструмент про какие инструменты мы с

00:52:54

вами поговорим и о каких инструментах

00:52:57

действительно спрашивают на

00:52:58

собеседовании которые в общем-то и

00:53:00

пользуются разработчики

00:53:02

я буду указывать уходу во-первых

00:53:07

преобразователи

00:53:09

css точнее не преобразователя

00:53:12

препроцессора почему препроцессор и

00:53:15

потому что важно то как мы пишем код

00:53:20

то есть

00:53:22

и процессоры позволяют нам более

00:53:24

естественно и понятно для других

00:53:28

разработчиков и для нас самих

00:53:29

писать код который потом преобразуется в

00:53:33

css то есть тот же сайт apple

00:53:37

если посмотреть что-то

00:53:41

любые элементы содержат тот собой набор

00:53:45

стилей и dss то есть вот даже степ один

00:53:49

баксов . css это файл который содержит

00:53:53

эти стили

00:53:55

чем там даже можно сделать так

00:53:58

[музыка]

00:54:03

против опять files

00:54:10

то есть в принципе любой файл который мы

00:54:14

видим это файл css

00:54:17

знакомые стиле знакомые все записи

00:54:20

но единственное что когда мы говорим про

00:54:24

создание этих самых стилей могут

00:54:27

использоваться какие-то более мощные

00:54:29

инструменты нежели ceкc с но важно

00:54:33

понимать что любом случае эти стили

00:54:36

где-то до прописывается и чтобы знать

00:54:39

какие именно стиле нам нужны

00:54:43

обязательно нужно знать основы css

00:54:47

инструменты которые для этого

00:54:48

используются для быстрого и

00:54:53

орех но очень и даже так для быстрого и

00:54:56

удобного написания css это препроцессор

00:54:59

в частности счас как самый

00:55:02

распространенный непонятно почему лес

00:55:04

здесь

00:55:06

выброшен достаточно популярно было свое

00:55:08

время но тем не менее то есть если мы

00:55:11

говорим про препроцессоры

00:55:12

чаще всего спрашивают sas

00:55:17

по поводу his ass архитектуры как я уже

00:55:19

говорил что вообще у каждого может быть

00:55:22

свои

00:55:23

best practices свои форм архитектуры и

00:55:28

она может быть абсолютно разные чаще но

00:55:32

не чаще но часто можно встретить такой

00:55:35

подход в архитектуре как б.м. блок лимит

00:55:39

defaire

00:55:41

но опять же то есть нужно знать что это

00:55:45

такое пользоваться если придется на проекте

00:55:49

хорошо если не доведется ничего

00:55:51

страшного то есть в принципе просто как

00:55:55

знать полезно

00:55:57

лучше разбираться в том как работать с с

00:56:01

как работать с процессорами архитектуру

00:56:04

это дело наживное то есть как правило

00:56:08

спрашивают на собеседованиях знаете ли

00:56:11

вы что такое бэм выговориться что знаете

00:56:13

но

00:56:16

окучить

00:56:18

я бы на самом деле прямо целенаправленно

00:56:20

не стал не стал

00:56:24

так дальше мы говорим о том что у нас

00:56:28

есть инструменты для работы с css

00:56:32

точно так же у нас есть инструменты для

00:56:35

работы с транскрипту их на самом деле

00:56:40

больше потому что java script гораздо

00:56:42

более объемлющее

00:56:44

более объемные часть работы и

00:56:49

такие же инструменты позволяют нам

00:56:53

быстрее лучше с java script во-первых

00:56:57

это так называемый тасс крайнер и то

00:57:01

есть когда мы можем собрать наш проект

00:57:04

из разных пакетов то есть чтобы все эти

00:57:08

пакеты собрались в одну коробочку

00:57:10

которую мы запустим

00:57:13

это все делается с помощью task райнеро

00:57:16

то есть на самом деле и то скрипт

00:57:19

который вызывает скрипт который делается

00:57:23

нам все можно нам сборочки

00:57:26

обязательно знать как пишутся скрипты и

00:57:30

под какое окружение под какую

00:57:32

операционную систему и так далее я думаю

00:57:34

что не обязательно но знаете что такое

00:57:38

так как колесом и как в нем работают

00:57:41

скрипты нужно

00:57:45

так дальше кроме того у нас есть

00:57:48

возможность взять наш java script и

00:57:52

посмотреть насколько качественно он

00:57:55

написан да то есть если мы говорим о том

00:57:57

что мы забыли где-то точку запятой не

00:58:01

сделали перенос строки функции у нас на

00:58:04

самом деле это не функция какой-нибудь

00:58:06

объект а мы случайно поставили пару лишних с

00:58:09

помощью чтобы всех этих ошибок не

00:58:12

допускать используются такие вещи как

00:58:16

плети если int и прочее преобразователей

00:58:19

коды

00:58:21

условно то есть когда вы можете написать

00:58:24

какую-нибудь ерунду

00:58:25

нажимаете кнопочку сохранить и прежде

00:58:28

чем сохранять ваш java script file у вас

00:58:32

все становится на свои места то есть это

00:58:36

скажем так облегчает облиться его id вам

00:58:41

работу

00:58:43

тут скорее важно уметь настроить такой

00:58:46

инструмент чтобы им пользоваться

00:58:48

пользоваться но реальной жизни то есть

00:58:52

скорее всего на проекте уже

00:58:54

существующему же каким быть даже такой

00:58:58

по умолчанию настройки но будут

00:59:01

существовать

00:59:02

поэтому

00:59:03

прямо глубоко вдаваться в эти темы

00:59:06

сейчас не имеет смысла то есть на этапе

00:59:10

обучения пользоваться таким лучше вообще

00:59:12

не надо просто потому что рука

00:59:15

набивается лучше если вы сами видеть

00:59:17

свои ошибки до когда что-то не

00:59:19

запускается вы начинаете разбираться

00:59:22

понимаете в чём была ошибка и находится

00:59:26

дальнейшем конечно вам такие вещи могут

00:59:29

являться

00:59:30

но не для обучения и для обучения

00:59:35

дальше какие еще инструменты у нас есть

00:59:38

если мы говорим по поводу да по поводу

00:59:43

вот как раз таки

00:59:44

сборки пакетов чтобы все файлы которые

00:59:48

там находятся могли между собой

00:59:50

взаимодействовать и все это работало в

00:59:54

рамках одного проекта на самом деле это

00:59:57

все делается

01:00:00

сборщик в данном случае модулю bomber

01:00:04

так называемый в парк это самый

01:00:07

популярный сборщик на текущий момент его

01:00:11

нужно сдать его часто спрашивают на

01:00:14

собеседовании хода и в принципе то есть

01:00:15

если мы говорим про проекты мало-мальски

01:00:18

которые нужно собирать то их собираются

01:00:21

парком или реакции

01:00:23

скриптами но все-таки чаще мне кажется и

01:00:30

если мы говорим по поводу того что я уже

01:00:34

говорил что наши пакеты собираются то

01:00:38

нужно понимать что вообще все что

01:00:42

собирается в баке

01:00:44

запускается с помощью каких-то скриптов

01:00:47

да то есть когда мы говорим о том что

01:00:50

запускаем дев сервер с разработкой иди в

01:00:54

сервер о том что запускаем какие-то

01:00:56

скрипты

01:00:58

которые нам выдают но сделают

01:01:01

окончательную сборку и выдают

01:01:06

проект который мы можем отобразить

01:01:08

пользователю

01:01:09

если мы например говорим про диплом

01:01:13

нашего сайта на сервере то это в

01:01:16

принципе тоже делается с помощью тасс

01:01:19

крайне raw

01:01:20

я буду наверно упомянул про некоторые

01:01:24

вещи такие как

01:01:26

дженкинс и прочее но в целом то есть

01:01:30

есть у нас скажем так инструкция по

01:01:34

которой наши пакеты должны собираться

01:01:37

эта инструкция вызывается task райнеро

01:01:41

то есть мы передаем чудом

01:01:45

чем

01:01:47

и делаем какую-то сборку вот

01:01:51

то есть вот эти вещи познать полезным

01:01:55

полезного

01:01:58

ш

01:01:59

доходим то понимание того что простой

01:02:03

чистеньким java script это конечно

01:02:06

хорошо он слишком долго и муторно и

01:02:11

все писатель на java скрипте в конце

01:02:15

концов надоест то мы будем искать

01:02:19

инструменты которые позволяют упростить

01:02:22

порой и очень сильно упростить жизнь

01:02:25

java script разработчику и тут мы

01:02:28

подходим к такому очень важному понятию

01:02:33

как фреймворке

01:02:34

когда мы говорим про фигурки мы чаще

01:02:37

всего имеем ввиду миссия со сниженной

01:02:40

альфе марки в целом java script

01:02:43

фрейбурге

01:02:44

просто потому что то как будет

01:02:48

подключаться и

01:02:50

и что полагаться java script

01:02:53

определяется собственно все дальнейшую

01:02:55

разработку если мы говорим про такой

01:02:59

фреймворк как react to там у нас есть

01:03:03

компоненты

01:03:04

есть язык джейс x который похож на самом

01:03:07

деле на смесь java скрипта и html

01:03:11

который мы также можем использовать

01:03:13

но в целом в целом то есть всегда когда

01:03:18

мы говорим про фреймворк мы имеем ввиду

01:03:20

какой-то обработчик java скрипта который

01:03:24

все равно на выходе будет давать на html

01:03:27

css и java-script но при этом как-то

01:03:31

упрощает нам жизнь как например это

01:03:34

происходит

01:03:36

мы сейчас конечно же не будем прямо

01:03:39

досконально изучать что такое ли акт с

01:03:41

первого занятия но концепцию мне бы

01:03:46

хотелось с вами немножко

01:03:47

рассмотреть немножко рассмотреть и так

01:03:52

вот у нас есть например какая-нибудь

01:03:55

страница например

01:03:59

отмена где у меня есть блог в котором я

01:04:03

могу писать html блок которым я могу

01:04:05

писать без ошибок в котором я могу

01:04:08

писать же с как мы видим все это плюс

01:04:13

минус одинаковые области нашего экрана я

01:04:18

даже развернуть на весь экран

01:04:20

чтобы вы видели да у каждого из них есть

01:04:23

одинаковая панелька с настройками

01:04:28

жать на который выполняется одинаково и

01:04:30

действие только разные поля html css

01:04:34

есть одинаковые кнопочки

01:04:38

если одинаковые в общем-то оля который

01:04:42

могут заполняться текст эре

01:04:44

input и не важно важно то что они

01:04:46

выглядят одинаково

01:04:48

то есть зачем три раза писать одно и то

01:04:53

же если мы можем сказать что

01:04:55

а давайте-ка мы сделаем так чтобы вот

01:04:58

это вот поле полностью да пускай html

01:05:01

вы могли использовать как отдельные как

01:05:05

отдельную компоненту

01:05:07

то есть все что он происходит внутри вот

01:05:09

такого блока

01:05:11

мы говорим что это будет один набор html

01:05:15

css который я могу достать например

01:05:20

просто вот как изолированный код вынуть

01:05:24

из проекты и положить куда-то другого

01:05:26

места например рядом да то есть взять

01:05:30

положить рядом поменять заголовок

01:05:32

html и css и у меня получится второй

01:05:35

компонент который я не делала руками а

01:05:38

просто взял

01:05:41

добавим точно также добавил 3 gs и в

01:05:44

принципе не могу ехать с этих

01:05:46

компонентов сколько угодно на странице

01:05:49

вот когда

01:05:51

мы говорим про фреймворке на как правило

01:05:55

такого рода задачи они и позволяют

01:05:58

оптимизировать

01:05:59

такие задачи позволяют решить нам

01:06:02

фреймворке частности react основанный на

01:06:05

компонентах до который позволяет нам

01:06:08

делать изолированные какие-то вещи при

01:06:11

этом указывая связь между ними

01:06:16

так вот если мы говорим про react сейчас

01:06:20

это самый наверное популярный

01:06:24

[музыка]

01:06:29

не facebook и соответственно все что мы

01:06:32

делаем

01:06:34

при акте это пишем намного упрощенный

01:06:38

вот java script html не суть важно то

01:06:43

есть на самом деле

01:06:44

that веб-компоненты также могут

01:06:47

относиться к реактору том числе хотя

01:06:52

этим этим творит и больше относится к м

01:06:57

клару

01:06:59

но об этом немножко дальше поговорим

01:07:02

сейчас нам важно понять что что же такое

01:07:05

общее фреймворке каморке это инструменты

01:07:08

которые позволяют делать

01:07:12

архитектуру удобный читаемый и кроме

01:07:15

того

01:07:16

разделенный на части если мы говорим про

01:07:21

разделении на части наверное это все

01:07:24

таки надо лучше сделать

01:07:27

кроме того если мы говорим о том что

01:07:31

например вася у нас сделает страницу

01:07:35

точнее элемент который будет выводить

01:07:39

будет давать возможность писать код

01:07:42

выводить кнопки или какие-то панели

01:07:46

взаимодействия например сергей будет

01:07:50

писать кнопки для фидера или еще что-то

01:07:54

при этом они все должны работать в один

01:07:57

и тот же день и в конце недели и первый

01:08:00

и второй человек должны сдать свою часть

01:08:02

работы я в свою очередь не должен делать

01:08:05

ничего только нажать кнопочку и получить

01:08:09

что часть которую делал сергей

01:08:12

соответственно

01:08:13

потянулась у меня в мой заголовок

01:08:18

то есть меня получился фетр под ним

01:08:20

сразу часть работы

01:08:22

вася который сделал не компоненты

01:08:26

соответственно 6 мая css

01:08:30

и все это происходило в одно и то же

01:08:32

время вот такие вот задачу в частности и

01:08:36

позволяет нам решать фреймворке то есть

01:08:38

делать изолированные по своей сути

01:08:41

компоненты которые могут добавляться и

01:08:49

взаимодействие между собой

01:08:52

хорошо

01:08:54

на казалось бы так если у нас есть такое

01:08:58

чудесное средство то зачем тут еще

01:09:01

что-то указано но на самом деле не все

01:09:05

задачи позволяют покрыть один только

01:09:08

react некоторые вещи у нас происходит

01:09:13

путем взаимодействия с

01:09:16

[музыка]

01:09:17

скажем так

01:09:21

знак по-русски называется обработчиками

01:09:24

наших событий и скажем так хранилищем

01:09:31

которые

01:09:34

так так так чтобы не говорится в общем

01:09:36

вернёмся к задаче которые выполняли

01:09:39

россии сергей сделали хоть сделать вот

01:09:43

эти три компонента

01:09:45

html css все это хорошо но в любом

01:09:50

случае все это будет добавляться куда-то

01:09:52

на верхний уровень да то есть если я

01:09:55

сейчас проинспектируем мою страницу я

01:09:57

все равно вижу что есть какой-то

01:09:59

всеобъемлющей элемент html

01:10:02

нём есть hot body и уже внутри позе у

01:10:06

нас есть вот эти компоненты хедера но и

01:10:10

какие-то компоненты

01:10:11

что мы сейчас

01:10:16

и все это находится условно в рамках

01:10:19

одного родителя рамках одного родителя

01:10:22

когда мы говорим про вложенность

01:10:24

компонент то чаще всего мы подразумеваем

01:10:26

то что у родителей есть информация о том

01:10:29

как ведет себя

01:10:33

вложенный элемент

01:10:35

например да то есть вот сейчас я могу

01:10:38

нажать на кнопку настроек

01:10:42

и у меня открывается моя панелька да то

01:10:44

есть нажимаю открывается но при этом

01:10:48

если у меня например открыто модальное

01:10:51

окно которое является уже другим

01:10:53

компонентам и вот сейчас в этот момент я

01:10:56

нажму на ту же самую кнопку то у меня

01:11:00

просто закроется модальное окно то есть

01:11:03

она закрывается по нажатию на

01:11:05

затемненную область

01:11:06

но тем ни менее это сама затем я мой

01:11:09

области от 1 элемент который перекрывает

01:11:12

мне нажатии кнопки при этом при всем

01:11:16

то есть какой-то родитель должен знать о

01:11:20

том что в рамках одного документа у меня

01:11:23

могут быть

01:11:25

элементы кнопки элементы затемнения

01:11:29

модальные окна и так далее нужно

01:11:31

понимать как это все между собой

01:11:33

работает то есть если мы говорим о

01:11:36

чистом реакцию то каждый компонент

01:11:38

говорит своему родителю о том что у него

01:11:42

происходит какое-то событие тот в свою

01:11:45

очередь говорится наверх и так далее до

01:11:48

тех пор пока

01:11:49

общее какой-то родители не поймет что

01:11:52

два разных

01:11:53

события происходят в разных компонент и

01:11:57

нужно все эти события между собой

01:12:01

скажем так разрулить вот

01:12:06

что не очень удобно да то есть зачем не

01:12:09

нагружать постоянно один и тот же один и

01:12:12

тот же компонент родительские

01:12:15

если я могу сделать так чтобы все

01:12:19

события которые происходят на странице

01:12:22

были изолированы то есть когда я говорю

01:12:27

что я нажимаю на кнопку неважно на какую

01:12:29

откуда я могу прописать конкретные

01:12:34

конкретные действия например открытие

01:12:37

модального окна то есть родителю при

01:12:41

этом не обязательно знать что это такое

01:12:44

не обязательно знать что это такое то

01:12:46

есть у меня случается какое-то событие в

01:12:49

этой вент свою очередь есть база

01:12:54

которая знает опыт об этом события она

01:12:58

знает о всех событиях которые пользуются

01:13:00

может делать на страницу и

01:13:02

соответственно перенаправить на какой-то

01:13:05

определенный элемент например на

01:13:08

модальное окно

01:13:09

есть чтобы открыть вот это окно мой

01:13:13

родитель может и не знать о том что это

01:13:16

происходит я просто привязываю события

01:13:20

отображение какого-то элемента как

01:13:23

правило такого рода взимать из ты и

01:13:29

задаются с помощью реактивных

01:13:31

обработчиков то есть реакция на слова

01:13:34

реакции в частности это детокс флаг смог

01:13:39

бы x и так далее то есть если мы говорим

01:13:42

про самый частый стек технологии прям

01:13:49

варкрафта это react

01:13:51

redex и c я тоже очень часто слышу и про

01:13:56

но bags и в общем и сейчас отказываемся

01:13:59

и от того и другого идем разрабатывать

01:14:03

на и секторе но это отдельная тема кроме

01:14:07

того кроме того хотя может так случиться

01:14:11

что

01:14:13

например у заказчика проект на

01:14:16

анку лари навью и так далее принципе

01:14:22

точнее не в принципе сам принцип

01:14:24

разработки на любом фреймворке

01:14:27

заключается как раз таки в том что мы

01:14:30

можем облегчить но во первых облегчить

01:14:34

написание кода как-то его у

01:14:36

структурировать более понятно сделать

01:14:39

потом компонентном сервисном и так далее

01:14:43

и второе это сделать так чтобы с ним

01:14:47

было удобно взаимодействовать

01:14:49

то есть чтобы взаимодействие

01:14:51

пользователя происходили быстро и

01:14:55

независимо от количества кода это первое

01:15:01

и второе это то что

01:15:04

когда вы работаете одновременно с васей

01:15:08

сергеем я бегом на проекте у вас была

01:15:11

возможность разделять задачи между собой

01:15:14

и если условно наша часть работы сделана

01:15:20

то вы могли уже добавить часть работы и

01:15:24

других людей при этом не затрагивается

01:15:27

вот такая изолированность это по сути

01:15:30

тоже часть работаю с фреймворком

01:15:32

потому что согласитесь если три человека

01:15:36

будут писать один и тот же скрипт то с

01:15:39

глобальными переменами то ничего

01:15:43

хорошего из этого точно не выйдет

01:15:46

[музыка]

01:15:47

так я просто выбрал самый популярный

01:15:49

вариант но при этом если мы говорим про

01:15:53

то что

01:15:55

заказчик хочет делать с приложение нам

01:15:58

говори с использованием rx джейс avenger

01:16:01

x то никаких проблем

01:16:03

такое тоже такое тоже приветствуется и в

01:16:08

принципе то есть я бы тоже все помечал

01:16:12

здесь желтый это исключительно то что

01:16:16

считается

01:16:18

заказчик приоритетным то что считается

01:16:22

кач приоритетным но при этом все-таки

01:16:25

реакция

01:16:26

ридак по популярнее чем остальные

01:16:28

варианты но скажем так это очень важная

01:16:32

тема есть стоишь порой по моему

01:16:37

или даже в конце первого дня 2

01:16:40

или после второго это будет разделы

01:16:44

посвященные фреймворком и паре actully

01:16:46

банку are you нас пока нет курса но тем

01:16:50

не менее то есть реакций war

01:16:53

это будет это будет и это очень важная

01:16:56

тема

01:16:58

так ну а дальше уже остаточки скажем так

01:17:04

остатки того что нужно знать или не

01:17:07

нужно знать давайте посмотрим итак

01:17:10

modern css говорит нам о том что мы

01:17:14

можем использовать

01:17:15

style компоненты все sas модуль и и так

01:17:18

далее все это конечно хорошо но на самом

01:17:22

деле это больше зависит от того какое

01:17:24

используется фреймворк ну и какой какой

01:17:27

архитектура там используется вам такие

01:17:30

вопрос не придется решать наверное то

01:17:33

того момента пока вы не станете уровнем

01:17:36

сеньор

01:17:38

или хотя бы medal

01:17:40

поэтому пока на это внимание вообще

01:17:43

можно не обращать если вам скажет

01:17:45

используем ставил оппоненты используем

01:17:47

style компоненты если там какие-то

01:17:50

отдельные типа фреймворке типа и большим

01:17:53

использую ношу

01:17:56

и тогда здесь на самом деле ничего

01:17:59

особого знать не надо если мы знаем

01:18:02

только работает санс то скорее всего мы

01:18:05

знаем как работают и всё остальное

01:18:07

просто такая такой подход

01:18:10

архитектуры то же самое касается и

01:18:13

веб-компонентов если мы знаем как

01:18:15

работает угла например и соответственно

01:18:19

используем там html template и то есть

01:18:21

кусочки кода компоненты которые могут

01:18:25

отображаться в описание отдельных слов

01:18:28

html

01:18:29

есть ряд джесс у них ибо свои gs render

01:18:34

нет либо еще что то либо j секс то если

01:18:39

мы говорим бран гулар то там вполне

01:18:41

можно совмещать и html-код обычный html

01:18:45

код с помощью подвязываются с помощью

01:18:48

java script

01:18:51

соответственно на какие-то события и все

01:18:54

это будет работать том виде в котором

01:18:57

заданному с помощью фреймворка

01:19:00

опять же то есть если на проекте все

01:19:03

пишется через html template и через

01:19:06

кастомные элементы или с использованием

01:19:09

шедоу дома это все не суть важно то есть

01:19:13

нам нужно будет делать так как

01:19:17

встроено на проекте

01:19:21

и здесь мы возвращаем

01:19:22

все к вопросу о том что есть у нас best

01:19:24

practice и стоял гайды которые все это

01:19:27

должны описывать то есть у нас об этом

01:19:30

голова не должна полить крайней мере на

01:19:33

старте об этом не спрашивают только если мы

01:19:37

говорим о фреймворков и вас могут

01:19:39

спросить какой фреймворка использовали

01:19:42

последние полгода какие проекты вы там

01:19:45

делали

01:19:46

чем пользовались ну хорошо бы если вы

01:19:49

ответите пользовался реактором состоят

01:19:52

компоненты

01:19:53

ну или там кастомные элементы

01:19:57

этого будет вполне достаточно то есть

01:20:00

знать все остальные варианты

01:20:03

и обязательно

01:20:05

и правилам так здесь мы доходим до такой

01:20:10

тем как ceкc с фреймворке

01:20:13

мы css фреймворков и пользоваться не

01:20:16

будем почему потому что мы будем

01:20:18

набивать руку на чистом css и работать с

01:20:23

этим дальше

01:20:24

поэтому поэтому

01:20:27

здесь мы просто вычеркнем

01:20:31

опять же то есть если нам нужно будет по

01:20:33

проекту пользоваться каким-то из них то

01:20:36

мы вы изучим и это будет достаточно

01:20:39

быстро потому что мы знаем как работает

01:20:41

css все что делают фреймворке

01:20:44

это по сути компоненты которые вам бы

01:20:46

нужно было писать в руками например

01:20:48

зеленая кнопка на это окей

01:20:52

красная кнопка это council вот такой

01:20:56

набор элементов

01:20:58

это есть со своим варки то есть гораздо

01:21:02

быстрее изучить какая какой класс там за

01:21:07

какой from work с какой элемент отвечает

01:21:11

чем ногу

01:21:14

чем изучить сам css вот поэтому все со

01:21:19

сворки это хорошо но как правило там по

01:21:22

ним особо не спрашивают

01:21:25

могу спросить а с чем вы работали

01:21:27

говорите on guard плюс материал

01:21:30

вот такой стык использовал

01:21:33

знак работает

01:21:35

и этого будет достаточно

01:21:37

что касается до

01:21:41

мы идем мы уже изучили что такое

01:21:45

framework мы уже можем писать приложение

01:21:47

и как бы

01:21:49

но чтобы стать прям законченным фонтан

01:21:52

специалистом который может претендовать

01:21:54

на работу

01:21:57

мы должны знать или хотя бы уметь

01:21:59

понимать что такое тестирование нашего

01:22:03

приложения именно тестирование с помощью

01:22:06

ну то есть с помощью наших с помощью

01:22:11

кода скажем так

01:22:15

вот тестированием подразумевается либо

01:22:17

unit тестирование либо им integra и шин

01:22:19

тестирование скорее всего то есть у вас

01:22:24

могут спросить на собеседовании про unit

01:22:26

тестирование как самый час таки из

01:22:29

просто потому что как правило то есть

01:22:33

при разработке и серьезных приложений вы

01:22:36

пишете не только от вот так же и тесты

01:22:40

которые позволяют посмотреть насколько

01:22:43

ваш код хорошо себя вести не сломает ли

01:22:48

он взаимодействие с другими

01:22:51

с другими кусками кода того же в азии

01:22:54

сергея или олега и соответственно то что

01:23:00

позволяет определить уровень

01:23:01

безопасности нашего кода и то есть тест

01:23:06

то есть

01:23:09

на самом деле здесь касательно языка я

01:23:13

ничего нового нету это тот же java

01:23:15

script просто на нём будут написаны

01:23:18

некоторые

01:23:21

ну скажем так теста который будет писать

01:23:24

вы будете писать на санскрите

01:23:27

и что здесь важно важно опять же то есть

01:23:30

какой приборку используете какие-то

01:23:34

установленные правила есть у вас на

01:23:36

проекте

01:23:40

а снасти

01:23:41

если это ряд то скорее всего будете

01:23:44

использовать

01:23:45

jest или сайпрус но мне уже зависит от

01:23:50

проекта конкретно знать в чем разница

01:23:54

наверное полезное но знать хотя бы один

01:23:58

из них то есть один из них

01:24:00

и полива либо

01:24:07

это полезно то есть хотя бы

01:24:10

один из них

01:24:13

опять

01:24:14

по моему у нас на курсе я просто не

01:24:18

совсем знаю

01:24:21

вот эти ребята с не даст именно реакции

01:24:24

но скорее всего если работают то это

01:24:26

будет jest тем не менее рассказать и

01:24:31

написать какой-нибудь простецкие тест

01:24:34

могут попросить на собеседование и к

01:24:38

этому надо быть просто

01:24:39

готовы потому что чем больше

01:24:44

написано тестов тем больше денег

01:24:47

соответственно экономится на том чтобы

01:24:50

потом разгребать с ошибки

01:24:54

разработчика вот как говорится самая

01:24:59

дорогая вообще даже не столько с точки

01:25:03

зрения финансов сколько с точки зрения

01:25:06

репутации это проблема то есть если

01:25:10

клиент славику эту проблему то велика

01:25:12

вероятность того что он просто жить и

01:25:15

разочарован нашим приложением больше у

01:25:18

него не вернется больше у него не

01:25:21

вернется что они есть хорошо поэтому

01:25:24

тестирование это большая область

01:25:26

но очень-очень полезно

01:25:30

полезно

01:25:32

так

01:25:36

в принципе остальное это уже детали

01:25:38

которые будут полезны для разработчиков

01:25:43

высокого уровня

01:25:44

но давайте так немножко

01:25:47

двух словах я расскажу что и что что

01:25:52

принципе могут спрашивать на

01:25:53

собеседовании что

01:25:56

вряд ли значит скорее всего у вас

01:25:59

спросят что такое typescript потому что

01:26:03

когда мы говорим о javascript а там ими

01:26:06

виду не типизированный язык до слишком

01:26:10

вольный язык который позволяет нам

01:26:14

допускают много ошибок которые

01:26:17

компилятор когда будет собирать ваш код

01:26:19

считать воспринимать и по одним образом

01:26:24

его другим

01:26:26

то есть условно то же самое функцию в

01:26:30

разные моменты времени я могу запустить

01:26:34

и выполнить и получить разный результат

01:26:38

чтобы такого не было используется

01:26:41

typescript

01:26:42

то есть это скажем так обертка на java

01:26:45

script которая задает типизацию

01:26:49

то есть когда мы жжем функции сказать

01:26:52

какой тип данных она должна возвращать

01:26:55

или какой конкретно и массив например

01:26:59

значений может выходить из функцию таким

01:27:03

образом мы избегаем потенциальных ошибок

01:27:07

при чем а вот эта штучка вообще почему

01:27:10

так 4 стоят после тестирования потому

01:27:14

что на самом деле это из одного поля

01:27:19

камня да то есть мы говорим о том что

01:27:23

нам нужно снизить как можно больше

01:27:27

вероятность ошибки разработчика то есть

01:27:30

наши с вами

01:27:31

первое первое это мы использовали винтер

01:27:35

и реформаторы

01:27:36

которые просто фиксит наш код и привозят

01:27:39

его

01:27:42

в хороший вид то есть если мы забыли

01:27:44

где-то запятую она его поставить

01:27:46

скобочку поправится и так далее во

01:27:48

вторых мы написали тест который

01:27:50

позволяет

01:27:52

протестировать наше приложение и

01:27:53

соответственно сделать так чтобы ну то

01:27:57

есть избежать вот этой ошибки когда

01:27:59

клиент может что-то протыкать в какой-то

01:28:04

последовательности и у него вдруг

01:28:05

сломается определенная часть приложения

01:28:09

есть я например захожу сюда начинаю

01:28:12

что-то водить

01:28:14

и вижу что например у меня здесь нету

01:28:17

подсветки что это ошибка хотя это на

01:28:19

самом деле мой неправильная запись css

01:28:22

вот чтобы такого не случилось и но у нас

01:28:27

например сейчас не попытался вывести

01:28:30

были скомпилировать этот код а сразу

01:28:33

кинул ошибку я пишу тест проверяю что

01:28:37

такой сценарий у меня должен не должен

01:28:42

происходить

01:28:43

и сверху например у меня есть еще

01:28:46

typescript

01:28:49

это очень простое скажем так вариант что

01:28:52

если я начинает водить какой-нибудь все

01:28:55

ерунда

01:28:56

то есть там типа с сыпью там пустыми

01:28:59

объектами на

01:29:01

это не с с все-таки исчез из это какой

01:29:05

то объект и свойствами и соответственно

01:29:10

на выходе у меня должно быть должен быть

01:29:14

какой-то правильный формат

01:29:16

военный формат чтобы такого не допустить

01:29:20

изначально то есть я должен писать

01:29:24

типизированную языке да и смотрите что у

01:29:28

меня получается

01:29:29

хотя это наверное не совсем

01:29:32

корректная об sanitary скрипта но я

01:29:34

думаю что смысл понятия то есть что

01:29:37

число это число функция которая работает

01:29:39

с числами должна принимать конкретно

01:29:42

числа и выводить например другое число

01:29:45

то есть конкретно тип

01:29:48

число на входе конкретно очень типа

01:29:51

число на выходе и никак иначе вот эту

01:29:55

задачу решает typescript

01:29:57

или другие так чокеры

01:30:00

час мы наверное мы говорим о них

01:30:02

так скрипит захватил

01:30:06

весь рынок типизация живо скиф

01:30:10

так дальше у нас идут прогрессивный веб

01:30:13

приложение на самом деле все это хорошо

01:30:15

но нам важно знать

01:30:19

на важно знать только что такое вообще

01:30:23

progressive попс но просто чтобы

01:30:25

примерно понимать как это работает на

01:30:29

самом деле прогрессивные в приложении

01:30:31

это достаточно большая большая область

01:30:36

разработки но нам скорее важно понимать

01:30:40

то что вообще для того чтобы запускать

01:30:43

наше приложение нам не обязательно быть

01:30:46

в интернете то есть есть приложение

01:30:49

которые могут работать офлайн вполне

01:30:52

себе хорошо да и во вторых о нем снова

01:30:57

использовать для этого провайдера

01:30:59

достаточно того что вас есть движок

01:31:04

какой-то от про озеро

01:31:07

тот же chromium

01:31:14

amc

01:31:17

мы говорим о том что нужно знаешь что

01:31:19

такое сервер сайт рендеринг на самом

01:31:22

деле-то но тут скорее знать общие что

01:31:27

это такое то такое сервиса вид рендеринг

01:31:30

если мы говорим о странице которые у нас

01:31:33

появляются на загрузки до

01:31:37

то мы можем увидеть что например тот же

01:31:41

сайт apple были любой другой например

01:31:45

зная euronews

01:31:47

еще что-то

01:31:50

давайте сейчас попробуем зайти и

01:31:52

посмотреть как он себя ведет тут скорее

01:31:57

важно смотреть вот что с какой скоростью

01:32:01

загружается страница то есть если оно

01:32:05

загружается быстро то все хорошо если

01:32:08

оно загружается медленно то с этим надо

01:32:10

что-то сделать на самом деле таких

01:32:14

примеров где

01:32:15

страницы загружаются медленно я довер

01:32:19

даже и не приведу они наверняка есть

01:32:22

но тем ни менее хотя можем наверно

01:32:25

примерно вот посмотреть когда я буду

01:32:27

здесь что-то водить в рамках html

01:32:32

что я вел данные и только спустя

01:32:34

какое-то время у меня появилось

01:32:37

сообщение

01:32:41

варим про загрузку страницы я хочу чтобы

01:32:43

вот когда я запускал какой-то урок

01:32:48

что-то сделал

01:32:50

секунд у меня отображался результат

01:32:53

здесь результат выражается но откровенно

01:32:56

не в ту же сумму то есть спустя какое-то

01:32:59

время

01:33:01

принципе это он так

01:33:04

[музыка]

01:33:06

но в реальном

01:33:08

т

01:33:10

в реальной жизни

01:33:13

важна скорость именно загрузки

01:33:16

приложения

01:33:17

очень важно и это область как раз таки

01:33:20

села если мы говорим про оптимизацию

01:33:22

приложения и вообще вот всего что

01:33:26

связано с

01:33:27

скорость загрузки и конкретно метриками

01:33:30

с которой считают роботы наши приложения

01:33:35

а например угловский робот до чтобы

01:33:37

выдать в строке поиска читают приложение

01:33:41

ну чтобы начнем как подгружает считывает

01:33:45

там заголовки контент что находится на

01:33:49

странице и так далее потом выдает строку

01:33:52

поиска да если вот этот тот момент

01:33:55

загрузки в робота происходит медленно

01:33:57

там по мы больше трех секунд то он

01:34:00

говорит что не буду этим заниматься вот

01:34:03

все там красная карточка иди в конец

01:34:05

списка на три миллиона восемьсот

01:34:08

пятьдесят пятую строчку еще

01:34:11

такого запроса поэтому чтобы таких

01:34:14

ситуаций избежать

01:34:16

но бывает что приложение бывает очень

01:34:19

тяжело

01:34:20

честные чтобы она отображалась быстрее

01:34:26

отрисовка отрисовка происходит на

01:34:28

стороне сервера

01:34:31

есть мы загружаем не конкретно html

01:34:35

какой-то заголовок там header и footer

01:34:39

весь контент внутри у нас отрисовывается

01:34:42

поход загружается java script

01:34:45

загружается вот эти компоненты

01:34:47

там что-то происходит как-то фреймворк

01:34:50

че там учиться выплевывает сам

01:34:55

будет вам

01:34:56

отрисованы и детальки которые мы выводим

01:34:58

на экран но все это происходит очень

01:35:01

медленно то есть мы можем сразу сказать

01:35:03

что слушая собери-ка и вообще от рисуюсь

01:35:06

все что происходит там реакции например

01:35:08

на сервере и выкини пожалуйста html

01:35:13

у которого уже на странице вставлены все

01:35:17

данные которые мне нужны

01:35:19

и когда я говорю о том что сервер готов

01:35:22

отдать мне такую страницу я могу

01:35:26

говорить о сервер сайт рендеринге то

01:35:29

есть у меня выпадает уже отрисованы

01:35:32

странице то есть например euronews да

01:35:35

несмотря на то что там он забирает

01:35:37

например из разных из разных кусочков

01:35:39

новости компилирует и потом выкидывает

01:35:44

нам виде готового варианта то есть это

01:35:48

все происходит очень быстро да то есть

01:35:50

как бы серверу уже скорее всего себя от

01:35:53

рисовал то есть уже знает как он

01:35:57

показывает мне страницу которая

01:35:59

спрашиваю ну и соответственно все это

01:36:02

происходит очень близки

01:36:04

в принципе в принципе вот высокие защиты

01:36:10

сервиса и но это немножко глубже тема и

01:36:15

сюда бы я еще добавил но джеймс

01:36:18

просто потому что некоторые запросы тоже

01:36:21

там что неспроста

01:36:23

либо на джесс либо принципе вот эти вот

01:36:27

зерна фича пик dax вещи через все стоим

01:36:32

так

01:36:34

кроме того у нас есть крафт цель

01:36:38

граф гель не знаю то есть не на всех

01:36:42

проектах используются

01:36:44

но если у вас используется то как пример

01:36:49

можете привести там не знаю youtube

01:36:51

какой-нибудь или фэйсбук или еще

01:36:53

что-нибудь но как-нибудь социальную сеть

01:36:56

и сказать так что вот например

01:36:58

пользователь загружает

01:37:00

картинки свои фотографии или там видео

01:37:03

куда-нибудь на один в одну базу данных

01:37:10

все люди которые подписаны и оставляют

01:37:12

комментарии хранятся базе данных с

01:37:15

названием комментарии лайки дизлайки все

01:37:19

остальное хранится в третье базе данных

01:37:22

который называется там лайки дизлайки и

01:37:26

чтобы в итоге то страница выглядела

01:37:29

монотонно то есть мы видели наше видео

01:37:33

видели что происходит под видео там все

01:37:37

отображалось красивы собиралась

01:37:40

и так далее в принципе для этого

01:37:42

используются графики

01:37:43

но и потом какие-либо из

01:37:48

какие либо из тулов

01:37:50

который с ним работают

01:37:53

но по сути это просто инструмент который

01:37:56

позволяет проще работать с разными

01:37:59

базами ну и проще делать обработку

01:38:03

событий получаются просто

01:38:07

собирать из них

01:38:11

данные так когда мы говорим

01:38:15

точнее вот на самом деле все вот здесь

01:38:18

бы я сделал и меж

01:38:30

с этим набором

01:38:33

[музыка]

01:38:34

мы получаем

01:38:39

тестирование и typescript я буду даже на

01:38:42

самом деле чуть сюда перенес

01:38:45

повыше но я бы хотела все-таки зацепить

01:38:49

граф келлер йа рабби танки не суть важно

01:38:55

чтобы понимать как можно построить

01:38:58

самому полностью приложение как

01:39:04

настроить все взаимодействие и хотя бы

01:39:07

понимать принципы

01:39:09

сборки больших действительно frontend

01:39:13

проектов на собеседовании могут спросить

01:39:16

в общих чертах про работу тех или иных

01:39:18

вещей но самом деле 9090 но наверно

01:39:24

процентов пятьдесят процентов 50

01:39:27

разговоров будет о нативном расскажите о

01:39:30

на тему взаимодействие с дома ну то есть

01:39:35

с html и то как это все работает то есть

01:39:39

как правило junior веду собеседования

01:39:43

заточены именно на понимание основ но

01:39:46

пониманию основ если вы знаете html css

01:39:49

и java script

01:39:50

то с большой вероятностью за короткий

01:39:52

промежуток времени вы разберетесь с

01:39:54

любым фреймворком

01:39:55

или

01:39:57

библиотекой или инструментом который

01:40:00

позволяет с этим взаимодействовать то есть mogers

01:40:04

гораздо проще выучить если вы знаете

01:40:07

джесс но и такие как бонусные бонусные

01:40:13

вещи это

01:40:16

знаете что такое мобайл атаки шанс или

01:40:19

хотя бы знать что вообще с помощью html

01:40:22

css и java-script вы можете писать

01:40:25

приложение для мобильных телефонов

01:40:27

то есть вам не нужно ведь android

01:40:29

разработчикам чтобы сделать приложение

01:40:32

которое будет работать на вашем телефоне

01:40:35

вы можете это сделать с помощью тех

01:40:37

языков которые мы с вами изучим но самый

01:40:42

такой популярный наверное из них это

01:40:44

react найти по сути это тот же react

01:40:46

только с интеграцией поддержки android

01:40:51

или ios

01:40:52

не суть важно то есть какие-то

01:40:54

встроенных

01:40:56

методов в

01:41:00

формы кстати насколько я помню

01:41:03

там на этапе компиляции он будет

01:41:06

собираться в тот конкретный тот язык

01:41:10

который

01:41:11

точно по ту операционную систему которая

01:41:14

нас интересует

01:41:16

android и и сандалии

01:41:19

так и static сайт генератор с на самом

01:41:24

деле вот сервер сайт рендеринг

01:41:27

и статика сайт генераторы это по сути

01:41:32

решают одну и ту же проблему отображения

01:41:35

страницы проблемы которые у нас есть это

01:41:39

отобразить страницу как можно быстрее

01:41:42

либо мы собираем все данные парсим их в

01:41:47

формат html + скрипт и показываем сразу

01:41:51

готовой страницы и было мы говорим о том

01:41:54

что у нас есть static сайт erator и то

01:41:57

есть у нас есть какой-то набор html css

01:42:01

джесс который мы с вами написали и грубо

01:42:06

говоря то есть мы его сразу и показываем

01:42:09

но при этом чтобы произошел диплом и

01:42:12

полностью сборочка и у нас при этом не

01:42:15

болела голова

01:42:16

то есть могут использоваться какие-то

01:42:18

сайт генератор

01:42:20

[музыка]

01:42:22

насколько я знаю принципе это полезно но

01:42:26

если мы говорим про большие проекты и

01:42:30

учебные проекты то мы будем все это

01:42:32

делать сами с помощью а пока собираюсь

01:42:36

наши проекты тепло и так далее но

01:42:41

но в реальной жизни конечно есть уже

01:42:43

готовые

01:42:44

многом решения которые позволяют нам

01:42:48

делать

01:42:51

какую то статику на которой мы

01:42:54

указываем сразу пользователю не у нас

01:42:56

условно не болит голова если мы говорим

01:42:59

про какое-то там лендинг и так далее то

01:43:01

есть все static сайт генератор запустили

01:43:06

и все мои вот можем смотреть на графики

01:43:10

снимает статистику сколько миллисекунд

01:43:12

загружалась нашей странице но по

01:43:16

большому счету нам все равно как это

01:43:18

происходит у вас просто используем один

01:43:21

из возможных

01:43:24

одну из возможно для тех так до

01:43:30

единственное что вообще

01:43:32

сервер сайт рендеринг кисточек сайт

01:43:35

генераторы

01:43:36

подходит больше для задач так называемых

01:43:41

сингл подшипники шину spi когда у нас

01:43:44

есть например большая страница и на ней

01:43:48

много всяких данных до социальные сети

01:43:51

пример где загружается кучу аудио-видео

01:43:56

материала просто вам в стену все это

01:43:59

впитывается и все отображается да вот в

01:44:04

таком случае но доме используясь конечно

01:44:07

и пср либо с.г.

01:44:11

просто потому что вы опускаете много

01:44:15

шагов

01:44:16

по вот этот перфоменс у

01:44:19

то есть опять же у вас просто не болит

01:44:22

голова с какой скоростью вас открывается

01:44:26

приложение

01:44:28

какой скоростью она становится доступна

01:44:30

для чтения теми же скол имя роботами

01:44:35

так ну и совсем мастер пицца тоже

01:44:38

наверно стоп applications то есть но

01:44:42

точнее я бы вообще один ряд поставил

01:44:44

равно равно

01:44:48

applications in stop applications потому

01:44:51

что мы по сути на балтике синсета

01:44:54

приложений которые работают на мобильных

01:44:56

телефонах листок applications о чудо мы

01:45:00

тоже можем описать с помощью html css и

01:45:02

javascript и это будет работать как

01:45:05

приложение на вашем windows mac os или

01:45:10

чем-то еще

01:45:13

[музыка]

01:45:15

note

01:45:16

мы уже не будем разговаривать в рамках

01:45:19

курса ни на одном из 3g

01:45:21

потому что это общая данная тема но тем

01:45:24

ни менее так сложилось что я работаю с

01:45:27

электронного уже два года у отца и

01:45:31

лол

01:45:32

мне нужно по долгу службы и описать

01:45:35

приложения которые используются людьми

01:45:38

без привязки про узел то есть

01:45:43

устанавливаем появляется ярлычок запуска

01:45:45

ярлычок у меня приложение работает так

01:45:48

как будто она написана специально для

01:45:51

системы для windows или для mac os

01:45:55

но на самом деле то есть я для этого

01:45:58

использую обычные

01:45:59

что миссис с java script просто пода

01:46:03

бердской того что двигатель двигатель

01:46:06

приложения

01:46:08

это двигатель браузер ну то есть на

01:46:11

самом деле как

01:46:13

эмулятор браузера это и есть то на чем

01:46:17

базируется

01:46:19

вполне нее и взаимодействия моим

01:46:21

приложением у так на самом деле в

01:46:24

общем-то устроена многие вещи

01:46:27

но многие вещам

01:46:30

сайт с помощью java script и последний

01:46:34

скажем так последний ноу-хау последнее

01:46:38

слово разработки это в без боли которая

01:46:43

позволяет нам писать в общем то любое

01:46:47

точнее можно писать на любом языке и это

01:46:51

будет скомпилирована тот язык который

01:46:54

нас интересует

01:46:56

это удобно просто потому что то есть

01:47:00

если я например всю жизнь писал на си

01:47:02

плюс плюс

01:47:03

сауна и сна на питоне и хочу написать

01:47:08

приложение которое будет работать в вебе

01:47:13

то я могу это сделать на своем языке

01:47:16

нажать скомпилировать и у меня получится

01:47:19

на выходе опять же мой java script

01:47:23

который я могу использовать

01:47:24

где-то на страницу

01:47:27

вот чтобы такая точнее вот такая вот

01:47:30

магическая кнопочка которая преобразует

01:47:33

пример с java script и то есть gps и мне

01:47:39

но что нужно понимать

01:47:41

я тут немножко говорится то есть конечно

01:47:46

это не java script как таковой это

01:47:50

но потом бинарный язык который

01:47:53

поддерживается браузером то есть это

01:47:58

разум

01:48:04

. у вас как

01:48:06

просто читается браузером

01:48:11

так

01:48:13

так так так ну да и принципе и java

01:48:16

script и исчез из ее

01:48:18

очнись с питон и прочее все можно

01:48:23

преобразовать в один файлик

01:48:26

в один вид который будет поддерживаться

01:48:30

браузером по крайней мере google помню

01:48:32

точно с остальными пока не работал вот и

01:48:37

это достаточно перспективная тема просто

01:48:40

потому что когда люди когда людям нужно

01:48:46

сменить род деятельности перейти на

01:48:48

пример из разработки какой-то

01:48:50

железо в разработку в по то это можно

01:48:55

сделать более плавно более мягкая с

01:48:58

помощью в обрез или

01:49:00

то есть можно продолжать какие-то куски

01:49:04

функционала писать на удобном для вас

01:49:06

языке вот но это уже over over скилл

01:49:12

скажем так нам в реальности это не нужно

01:49:17

и мы доходим до последнего этапа и to

01:49:20

keep learning

01:49:22

мне некогда когда на мне доведется

01:49:26

перестать учиться если мы говорим про

01:49:30

про разработку

01:49:32

оба то язык всегда появляется что-то

01:49:38

маленькое появляются новые фреймворке

01:49:40

появляются новые

01:49:41

тулы для framework of появляются новые

01:49:44

сборщики не появляются новые

01:49:47

вот и все что можно придумать новые

01:49:51

браузеры которые по другому себя ведут

01:49:55

все это нужно поддерживать все это нужно

01:49:58

иметь ввиду

01:50:02

поэтому я предлагаю на этом остановиться

01:50:05

еще раз запомнилась что в рамках нашего

01:50:08

курса мы делаем упор на основы html css

01:50:13

java script по выходу

01:50:15

пока не мере состоит же один вы будете

01:50:19

достаточно неплохо владеть

01:50:23

этими языками и дальше уже на основе

01:50:28

полученных знаний

01:50:29

выбирать ким фреймворком пользоваться

01:50:33

куда дальше расти и так далее и так

01:50:37

далее что ж давайте тогда на этом

01:50:42

потихонечку и заканчивать

01:50:46

такой вот было может быть интересно я

01:50:48

надеюсь интро + профориентация почему я

01:50:53

вообще на говорил так много слов потому

01:50:55

что я не хотел вас ни в коем случае

01:51:00

напугать себе заставить бросить все и

01:51:04

сказать что-то сложно пойду лучше

01:51:09

тестирование или ещё куда-нибудь но на

01:51:12

самом деле нет не все так и все так

01:51:15

плохо просто потому что основа есть

01:51:19

основа и зная

01:51:22

то как себя ведет основные базовые

01:51:26

функции java скрипта мы можем дальше

01:51:31

развивать вообще развиваться любую

01:51:35

область

01:51:37

пока не было такого момента чтобы java

01:51:40

script раз и изменился на все 180

01:51:43

градусов и пенс превратился в какой-то

01:51:48

другой язык нет все еще работает на

01:51:51

старом трос прийти и одна из фишек это

01:51:54

общем-то поддержка старого кода браузере

01:51:59

на том же уровне на котором

01:52:01

поддерживается и навыку

01:52:03

то есть все что работала она будет

01:52:05

продолжать работать все что появляется

01:52:07

нового она тоже будет работать почему

01:52:10

собственно в рамках нового

01:52:13

например года когда происходит

01:52:18

выпуск новой спецификации java script в

01:52:22

нем не очень много но введения то есть

01:52:25

их могло бы из на самом деле большим но

01:52:28

чтобы быть уверенным что все работает

01:52:32

[музыка]

01:52:33

правильно и все что работало продолжает

01:52:35

работать на это нужно время и

01:52:39

частности то есть спецификация очень

01:52:42

строго проверяются на соответствие этому

01:52:47

этому условию почему это важно потому

01:52:50

что например сайты которые были написаны

01:52:53

15-20 лет назад и знаем может быть

01:52:57

турист

01:53:01

веб-сайт

01:53:11

давайте сейчас зайдем на

01:53:15

info сэр

01:53:16

h

01:53:18

это можно посмотреть государства вот

01:53:21

сайт вот это вот сайт грубо говоря самый

01:53:27

первый который появился в мире музыка и

01:53:30

знаю и что интересно это то что в общем

01:53:35

то ну то есть это все тот же html

01:53:37

которому больше чем не я почти уверен

01:53:41

что его по возрасту и это все еще

01:53:46

работает даже в самом современном

01:53:48

браузер

01:53:50

вот такого эффекта и в общем-то

01:53:54

добиваются разработчики языков которыми

01:53:57

мы с вами и будем пользоваться поэтому

01:54:01

сказать то что у нас все устраивает

01:54:05

очень быстро визитом фронт-энд

01:54:09

разработчики это люди которые постоянно

01:54:11

учиться потому что все меняется слишком

01:54:15

быстро идите за этим сложного отцу это

01:54:19

не совсем правда потому что основы

01:54:22

остаются основами как бы какое бы время

01:54:26

в общем-то не проходила но при этом до

01:54:29

появляются новые более удобные

01:54:31

инструменты и что то новое что является

01:54:36

это используется кстати аж не переключил

01:54:39

на сцену

01:54:41

так вот выглядит world light up the

01:54:44

project

01:54:46

при текст

01:54:48

собственно это все находятся на сайте

01:54:52

самый просто first sight

01:54:58

[музыка]

01:55:03

так к на этом сообщил

01:55:05

чем мы заканчиваем теперь поговорим

01:55:07

немножко больше про наш с вами

01:55:10

взаимодействия взаимодействия будет

01:55:13

очень простое дальше мы с вами проходим

01:55:17

hot gay sex hot basics секундочку

01:55:24

и я на этом

01:56:54

так нашей программе обучения

01:56:57

здесь в первой недели что мы должны

01:56:59

сделать это пройти модуль знакомство с

01:57:03

раскол я не очень застрял на это

01:57:06

внимание потому что здесь есть хороший

01:57:09

документации и в целом ну то есть надо

01:57:12

прочитать раздел теория практика скорее

01:57:17

всего у вас будет практика потому что

01:57:19

нужно удостовериться в том что у нас

01:57:21

есть доступ к репозиторию и крс

01:57:25

приложению

01:57:29

так так так

01:57:31

а прыжку

01:57:35

и сок

01:57:36

нам

01:57:40

еще что на

01:57:42

что дальше нам нужно будет сделать это

01:57:45

зайти в модуль основы html

01:57:49

пройти

01:57:51

подпись x

01:57:53

этот курс

01:57:55

снимаю скорее всего вам рассказал но тем

01:57:58

менее я хочу обратить внимание что нужно

01:58:01

прям пройти по каждому пункту даже если

01:58:04

вы его знаете просто перестать дальше

01:58:07

повторить возможно какие-то темы и по

01:58:12

ссылке вырос а у вас появится авто тест

01:58:15

сейчас я наверное попробую показать как

01:58:19

это будет выглядеть

01:58:20

тесты я добавлю завтра то есть и могу

01:58:23

принципе такого типа анонс еще сделать

01:58:26

что

01:58:28

тест появится завтра и он будет доступен

01:58:31

в принципе до конца курса чтобы вы могли

01:58:34

в любой момент зайти и посмотреть

01:58:39

как это работает то есть сейчас углу

01:58:45

затем

01:58:49

школ

01:58:56

[музыка]

01:59:02

мид

01:59:05

автотест когда

01:59:07

будет возможность пройти of the test я

01:59:10

увижу что у меня появится

01:59:12

[музыка]

01:59:14

папочка начинено скоростью будет

01:59:15

доступна сразу и здесь нужно будет

01:59:18

выбрать тест html asics

01:59:21

после того как вы проходите тест

01:59:24

нажимаете саммит у вас появятся террасе

01:59:28

но то есть 100 насколько правильно вы

01:59:30

прошли тест и соответственно вы получите

01:59:34

выходной результат оценку которые

01:59:36

предыдущего мы скоро

01:59:39

что касается скоро его можно будет

01:59:41

увидеть в колонке score соответственно

01:59:45

под тестом html basics у вас появится

01:59:48

ваша оценка которого вы сдали последний

01:59:54

единственное что у нас есть ограничения

01:59:57

то есть можно сдавать

02:00:02

можно сдавать сколько угодно раз но если

02:00:05

мы говорим про то что мы сдаем первый

02:00:07

раз

02:00:09

[музыка]

02:00:11

а за то соответственно результат будет

02:00:13

такой как мы стали тест проходной балл

02:00:17

будет в районе 90 или 45 соответственно

02:00:23

но важно что первые две попытки будет

02:00:26

засчитываться

02:00:27

сто процентов вот балла то вы можете

02:00:31

получить если вы из двух попыток не

02:00:34

набираете проходной балл то создавать до

02:00:38

тех пор пока я не пройдете с положенной

02:00:41

точностью и

02:00:42

но единственно что тогда будет только

02:00:45

половину полоса защита ну то есть в 2

02:00:48

раза меньше чем

02:00:50

вот этом вот такие вот у нас будут

02:00:54

встроены тесты платформу поэтому еще раз

02:00:58

прежде чем вставать повторите пройдите

02:01:03

полностью курс

02:01:05

посмотрите все вопросы которые мы

02:01:07

составлению в тесте мы брали как раз

02:01:10

таки вот из этого вот код physics

02:01:13

курсу

02:01:16

так что касается тестов possesses a java

02:01:19

script css будет добавлен в конце недели

02:01:22

типа воскресенье его на следующей неделе

02:01:27

но скорее всего до следующего нашего

02:01:29

вебинара что касается теста по java

02:01:32

скрипта он будет добавлен позже он

02:01:37

появится где-то в середине на следующей

02:01:39

неделе но также они будут доступны в

02:01:42

течение всего стоит же 0 то есть для

02:01:45

того чтобы получить оценку для перехода

02:01:49

на стоишь один на в любом случае надо

02:01:52

будет сдать тесты

02:01:53

то есть чтобы нас корпус не 0 но это

02:01:57

можно будет сделать и позже может быть

02:02:00

сделать и позже при этом с точки зрения

02:02:03

обучения я настоятельно рекомендую не

02:02:06

затягивает сам процесс то есть чем

02:02:08

раньше вы

02:02:10

но точнее чем свежее знание тем скорее

02:02:14

всего вам будет проще пройти эти тесты

02:02:17

времени на них на прохождение она не

02:02:21

ограничена

02:02:22

поэтому проверяйте можете раз проверить

02:02:26

свои ответы прежде чем нажать отправка

02:02:30

и оценки и посмотреть собственно

02:02:35

как это будет

02:02:36

выглядеть когда вы уверены в своих

02:02:39

ответах нажимаете саммит тест находится

02:02:42

и вам засчитывается засчитывается бал

02:02:47

это такой как бы

02:02:49

[музыка]

02:02:52

проверка что вы не просто так предстали

02:02:56

или не открывали даже

02:02:59

1 page темы

02:03:02

так что мы делаем с вами дальше

02:03:04

последнее это то что я пошарю под видео

02:03:08

и в анонсы добавлю в форму которую можно

02:03:12

будет заполнить если у вас есть вопросы

02:03:15

вообще я видел что под видео

02:03:19

который записывал дима вы уже задаете

02:03:21

вопросы и вопросы типа

02:03:25

не могу зарегистрироваться там уровень

02:03:28

скоб скулы ли еще такие проблемы почему

02:03:33

так сложно почему там тест из так много

02:03:36

вопросов у меня ничего не получается

02:03:38

даже что делать вот все эти вопросы

02:03:41

лучше писать не под видео не там каким

02:03:45

бы чатике квашин либо писать в чате

02:03:49

кабмин в дискорде насколько я помню

02:03:53

чатик admins у вас должен быть доступен

02:03:56

поступим

02:03:59

так да с вопросом администратору

02:04:03

и второе то есть чтобы задать вопрос к

02:04:09

идущему следующего вебинары чтобы у нас

02:04:12

было статистика по вопросам потому что

02:04:15

некоторые из них могут быть отлично или

02:04:16

нет можете добавить их форму пример

02:04:20

формы я наверное сейчас

02:04:29

так так так он

02:04:32

другое нет но смысл там будет следующим

02:04:35

то есть есть поле конкретно какой

02:04:39

вебинар и к следующему видео ru

02:04:42

список с вариантами ответа то есть там

02:04:46

будет у поля которое может исполнять с

02:04:48

любым вашим вопрос вот на эти вопросы

02:04:51

будем стараться отвечать

02:04:53

но через неделю его рамках текущей

02:04:57

неделе можно задавать вопросы тоска по

02:05:01

тестам там по зданиям или по плану

02:05:05

обучение и

02:05:08

когда будем когда пройдем с вами первую

02:05:13

часть вебинара во второй части ну по крайне

02:05:17

мере я отвечаю на вопросы во второй

02:05:19

части прямо из списка то есть так с вами

02:05:23

взаимодействовать пух ну надеюсь я

02:05:26

ответил с большего

02:05:29

многие вещи так давайте вопросы которые

02:05:34

вы сейчас создавали на самом деле там

02:05:37

[музыка]

02:05:39

сами на них и отвечали потому что я так

02:05:41

и оставили в streaming вижу что все все

02:05:44

здесь происходит

02:05:46

так ну и пару вопросов наверно по ком

02:05:53

ответить подскажите запись от вас тремя

02:05:56

будет доступна до будет все стримы

02:05:59

который мы проводим они будут доступны в

02:06:01

записи в общем то она никуда не исчезнет

02:06:04

святого поэтому можно посмотреть на

02:06:07

канале

02:06:08

так вопросы typescript будет только

02:06:12

состоит подается придется списать все

02:06:17

да до этого будет чести джесс насколько

02:06:19

я знаю

02:06:25

к

02:06:28

деликатный вопрос я проживаю

02:06:31

я кончил обязательную отработку после

02:06:32

вуза и вот начал вас курс план серьезно

02:06:35

и очень убить воздух окончании курсов

02:06:37

устроиться на работу по frontend но

02:06:40

подскажите пожалуйста куда я могу

02:06:43

устроиться временно войти сфере на эти

02:06:46

полгода так так давайте ка я щас

02:06:50

переключи на вопросы

02:06:54

текст x

02:06:58

но здесь смотрите то есть

02:07:03

своевременно здесь скорее вопрос не в

02:07:06

том куда вопроса куда точнее не вопрос

02:07:12

куда я могу устроиться куда возьмут на

02:07:15

самом деле просто прийти пойти и сказать

02:07:18

хочу хоть кем-нибудь это это вполне

02:07:22

нормальный keys

02:07:24

но при этом у вас должен быть тогда

02:07:26

хороший уровень английского если мы

02:07:28

говорим про какие-то такие работы

02:07:33

которые просто крутится вокруг эти

02:07:37

то это скорее

02:07:40

я точнее должны не могу сказать что это

02:07:43

вообще связано с каким diplo

02:07:48

к деньгам или еще чем то скорее всего

02:07:50

это просто

02:07:55

поддержка поддержка и шар может еще что

02:08:01

то что касается вообще специальности то

02:08:06

в любом случае без опыта хотя бы полгода

02:08:08

нельзя будет попасть не в тестировании

02:08:11

не бизнес-анализ не

02:08:14

парни в прочих баночку с скорее чем

02:08:17

некуда то есть так или иначе нужно

02:08:18

пройти хотя бы минимальный курс чтобы

02:08:22

пасть хоть хоть куда-то так вообще не

02:08:27

связанные с какими-то технической частью

02:08:31

я думаю что вам доступно

02:08:36

так так почти мере джавис с с будет

02:08:39

двойной выполнение тестов или нет html

02:08:43

java script исчез с тесты

02:08:45

дедлайны это стоит 0 если я не ошибаюсь

02:08:49

они будут доступны в течение всего курса

02:08:52

сделано это для того чтобы если человек

02:08:57

приходит условно не с подготовительного курса он

02:09:01

уже имеет какие-то знания например то

02:09:05

но все равно нужно брать эти тесты но

02:09:10

они все равно будут у тех то проходит 0

02:09:14

потому что более свежие точечные знания

02:09:21

так огромное спасибо за трансляцию да и

02:09:22

вам спасибо мы стараемся стараемся после

02:09:27

работы с вами увидеться хотя конечно

02:09:31

сейчас дел невпроворот

02:09:33

но тем не менее я рад что все вы пришли

02:09:36

к нам на курсы

02:09:38

я вообще люблю

02:09:40

с вами общаться думаю что все будет

02:09:42

очень очень хорошо

02:09:48

просто как некоторые люди уже по 1000

02:09:49

баллов набрали вообще таблица эти люди с

02:09:52

нашего курса скорее всего нет это люди

02:09:55

не с вашего курса просто те задания

02:09:59

которые раньше были у нас в курсе то

02:10:03

есть это ребята состоит же

02:10:05

один или два которые проходят повторно

02:10:09

те задания которые у нас указанные в

02:10:12

таблице следующее задание следующих

02:10:16

встречах баллы за них все равно отображаются в

02:10:19

текущем курсе juno не обращаете на это

02:10:21

внимание все равно к концу стоит женой

02:10:25

все баллы которые не

02:10:27

не были в рамках нашего курса они

02:10:29

являются просто такой вот не пока фича

02:10:33

называется

02:10:36

поэтому не обращайте внимание то есть

02:10:38

это все пока не необъективны пока это

02:10:42

все не объективно с первого стоять же

02:10:44

там уже будем смотреть

02:10:48

ошибка видео по ссылке было четыре пока

02:10:50

не скинулись так так не знаю вроде

02:10:55

ссылку скинул правильно из черенка

02:10:58

[музыка]

02:11:00

он не посмотрю сложность решение

02:11:04

[музыка]

02:11:05

нокаут wars это дело опыта или нехватка

02:11:08

базовых знаний сложно свершений как на

02:11:12

код wars тут я не могу сказать это

02:11:15

скорее всего просто

02:11:22

сказать это вопрос не ко мне потому что

02:11:25

вообще что касается код wars или других

02:11:29

платформ где из от ощущает

02:11:32

так как на самом деле работает наше

02:11:35

мышление относительно алгоритмов

02:11:38

у кого мышления алгоритмической работает

02:11:42

лучше чем наверное проще круговых

02:11:45

лужицам сложнее но тем не менее все

02:11:48

отлично заключается в том что кому-то

02:11:50

просто на выполнение задачи понадобится

02:11:52

полчаса кому-то сейчас

02:11:53

но в целом нет ничего не решаемые

02:11:59

привет кота тоже хорошо передам коту и

02:12:03

заодно скучно и вот так кроме learners

02:12:07

куда можно посмотреть чтобы изучить с

02:12:10

это кстати хороший вопрос давайте к

02:12:14

своим сейчас посмотрим

02:12:19

его скрипт true лучший лёрн java script

02:12:22

уру

02:12:23

пока ничего не придумали мало того

02:12:28

насколько я знаете учебники даже

02:12:31

печатаются бумажном виде сейчас то есть

02:12:33

можно купить ей по pdf но они в общем то

02:12:37

есть и в печатном виде

02:12:39

почему почему именно он

02:12:43

потому что то как здесь структурирована

02:12:47

подачи информации на самом деле это

02:12:50

очень такой правильный порядок

02:12:54

но кроме наверно пары вещи то есть

02:12:57

видение в принципе можно скипнуть

02:12:59

качество кода

02:13:00

тоже такое

02:13:04

то есть это последовательность я бы его

02:13:06

поставил кунаева из конец но в целом то

02:13:10

есть рассказывай объекты типы данных функции

02:13:14

и в общем то наверное функциях и все вот

02:13:18

это все основы которые закладываются

02:13:22

везде всегда на любом курсе просто это

02:13:26

структурирована в виде хорошего учебника

02:13:28

у которого есть задачи в конце каждой

02:13:31

главы вы можете решать задачи

02:13:34

закрепить материал и соответственно

02:13:38

посмотреть самом где вас что неправильно

02:13:40

посмотреть решение

02:13:43

очень удобное интерактивное так далее с

02:13:46

этой же точки зрения иногда я рекомендую

02:13:50

как альтернативу вот этому вот курсу код

02:13:54

пей six использовать добрев

02:13:59

ru здесь также есть доступ к технологиям

02:14:02

ну то есть когда ты это был учебник html

02:14:07

бук назывался

02:14:09

честно приехала в preference но что

02:14:13

интересно это то что изучаем какие-то

02:14:17

руководства или курсы

02:14:21

часто часто есть тоже

02:14:25

тесты на закрепление не везде

02:14:28

не везде но

02:14:30

[музыка]

02:14:32

бывает по python

02:14:34

аста задачи и так далее

02:14:39

что касается учебником но есть такой

02:14:43

момент есть такой момент

02:14:46

я это даже добавлю я это даже добавлю

02:14:49

как описании к текущему бинару

02:14:53

это сайт где вот м день это наверное

02:15:00

лучше вообще ресурс на данный момент по

02:15:04

веб технологии вообще просто почему я

02:15:09

немножко объясню потому что когда-то

02:15:12

ребята из мази вы решили так что у нас

02:15:16

конечно есть к на юз

02:15:18

у нас конечно есть там документации для

02:15:21

разработчиков которые разрабатывают под

02:15:25

хром под я edge под сафари

02:15:30

так далее но

02:15:35

все-таки мы работаем все в одном и том

02:15:38

же время то есть интернет у всех один

02:15:40

технологии всех одинаковы

02:15:44

htc со 100 скрипт то соответственно

02:15:46

давайте ка сделаем и общую базу знаний и

02:15:50

тогда они сели и создали эмден mozilla

02:15:55

devil отвар пишут такое в общем ребята

02:16:00

из массива но тем не менее то есть под

02:16:02

этой

02:16:03

эгидой объединили с разработчики всех

02:16:06

браузеров и создали как бы сайт с общим

02:16:10

документации и на данный момент нету

02:16:15

наверно больше и лучше

02:16:19

база знаний чем бензин и я в свою

02:16:23

очередь крайне рекомендую с ней

02:16:25

ознакомиться

02:16:28

единственный момент не все статьи

02:16:31

есть на русском языке то есть какие-то

02:16:34

статьи есть какие то есть в обрезанном

02:16:38

виде но тем не менее если мы владеем

02:16:43

английским то сертификации здесь конечно

02:16:47

намного намного лучше оба глуши просто

02:16:52

потому что здесь объединю но все здесь

02:16:56

всегда есть синтаксис всегда есть

02:17:00

описание всегда есть пищу ну то есть там

02:17:04

атрибуты которые относятся к каким-то

02:17:07

вещам

02:17:08

примеры экзампла спецификации где это

02:17:12

используется и что самое наверное важно

02:17:14

это а браузер компоненте на самом деле

02:17:19

то есть раньше нам нужно было во первых

02:17:21

находитесь учебник смотреть сколь-нибудь

02:17:24

справочник потом лестно к на юз чтобы

02:17:28

посмотреть где это работает сейчас все

02:17:31

это собрано в рамках одного mdn то есть

02:17:35

здесь у нас есть

02:17:38

такая вещь как браузерка выбелить где у

02:17:40

нас представлен весь набор браузеров как

02:17:43

доступных так и мобильных и мы можем

02:17:46

посмотреть где этот свойство или метод

02:17:49

или java script какие-нибудь функции

02:17:53

поддерживаются

02:17:54

мало того даже все встроенные там методы

02:17:59

экспериментальной физики прикид ну ты

02:18:04

или браузер специфика

02:18:08

атрибуты тому подобные вещи они здесь

02:18:11

указываются вот поэтому нам на мой

02:18:15

взгляд это сейчас самое самый удобный

02:18:19

справочник который есть но это больше

02:18:22

все-таки справочник если мы говорим по

02:18:24

учебнику то это лишь java-script

02:18:26

если справочник то там где-то здесь есть

02:18:30

тоже здесь есть тоже учебники типа и

02:18:36

diners tutorials

02:18:38

introduction to html и погнали смотреть

02:18:41

там гайды проходить танки с дальше тоже

02:18:45

решать то есть в принципе все это есть в

02:18:50

виде таких типа туториалов небольших но

02:18:54

здесь это не так структурирована хорошо

02:18:57

как

02:19:00

на специализированных изданиях скажем

02:19:04

так вот поэтому рекомендую просто верно

02:19:09

джо скрипт indian как справочник и все

02:19:12

остальное просто проходить по тому что

02:19:15

указано

02:19:17

расписанию

02:19:20

какие проходные полу тестов 90 и 100

02:19:24

ну то есть там на два вопроса можно дети

02:19:29

с ошибкой и это будет считаться

02:19:31

проходным баллом так у меня общага

02:19:37

ритмическом шли не работает можно

02:19:39

пропустить во дворце

02:19:41

больше не пропускать вообще что такое

02:19:44

код wars что такое вот эти вот горит

02:19:48

мимические тоски которые у нас будут по

02:19:49

ходу курса то есть иногда у нас будет

02:19:51

так что есть большой проект который мы

02:19:54

делаем и есть параллельное в горит не

02:19:57

ческие тоски

02:19:58

так вот что же такое это как раз таки

02:20:03

этих ребят у которых есть время

02:20:06

то есть скорее всего и для вас тоже

02:20:09

когда вы справились с 1 задач основной

02:20:13

мне можно выделить время на решение

02:20:16

алгоритмов на повышение вот этого

02:20:19

коэффициента

02:20:21

так далее то есть чем больше вы решили

02:20:23

тем больше у вас будет своем баллов но

02:20:26

при этом это оценивается нет не так то

02:20:30

есть коэффициент

02:20:32

заку дворцом ниже чем у основных сосках

02:20:36

которые у нас идет по ходу

02:20:39

решением

02:20:41

так kay

02:20:46

у меня 1000 + все в первый раз но скорее

02:20:50

всего это просто автоматически и рируют

02:20:53

оценку не удивляйтесь вообще все вот эти

02:20:58

вот баллы типа тысяч больше и так далее

02:21:00

это вообще можно не смотреть

02:21:05

потому что но мы об этом знаем и всегда

02:21:08

на

02:21:10

ну при переходе на новый стоишь все

02:21:13

левые

02:21:14

оценки они обновляются то есть не бывает

02:21:18

такого что вот это нам остается

02:21:22

вишни 1000 баллов так что не волнуйтесь

02:21:25

не волнуйтесь у нас тоже бывают баги чем

02:21:29

страшно

02:21:31

к вопрос насчет размах на каком примерно

02:21:34

и его этапе можно считать себя джуниором

02:21:40

на самом деле junior это человек который

02:21:43

в общем то может

02:21:47

а я бы сказал вот досюда пика

02:21:49

фреймворков

02:21:51

то есть даже если не не экспертный

02:21:54

уровень владения фреймворка тем менее

02:21:57

человек который изучил полностью вместе

02:22:00

с жесткой гид и знает как этим

02:22:03

пользоваться и он подошел к изучению

02:22:06

приборка уже может начинать искать

02:22:11

работу то есть в принципе не вот когда я

02:22:16

проводил собеседования например дилера

02:22:19

мне не столько важно во сколько человека

02:22:22

знает сколько

02:22:24

но точно не знает специфику фреймворка

02:22:27

сколько знает основы java script а то

02:22:32

есть я спрашиваю например что ты знаешь

02:22:35

про react могу задать то несколько

02:22:39

вопросов

02:22:41

если человек на них мне не отвечает но

02:22:44

при этом я знаю что он там последние

02:22:46

несколько месяцев уже в изучал эти

02:22:50

глубокие вещи

02:22:51

меня вполне устроит то что он может

02:22:55

написать это на чистом джеймс и это

02:23:00

будет работать вот это главные

02:23:05

я бы сказал так джон это вот когда вы

02:23:09

доходите

02:23:11

сюда вот

02:23:21

так так

02:23:24

[музыка]

02:23:30

хотелось бы углубиться в циклы и

02:23:32

ветвление там не так много об этом так

02:23:35

цикл или тление

02:23:41

ну если вы так если с нашим новым то

02:23:45

можно так хорошо

02:23:50

спасибо спасибо спасибо

02:23:55

а так так так так

02:24:04

менторы за раба

02:24:06

на курсах смотрите к сожалению к

02:24:10

сожалению у нас не такая система что

02:24:13

кто-то зарабатывает на курсах почему к

02:24:17

сожалению потому что на самом деле типа

02:24:21

финансовой составляющей это достаточно

02:24:23

мощный мотиватор но нет на курсах у нас

02:24:27

никто не зарабатывает мы никого он в

02:24:30

курсах не держим условно то есть наша

02:24:33

конечная цель

02:24:35

точнее цель определенных компании это

02:24:39

получить специалистов которые могут

02:24:43

работать то есть если на выходе

02:24:46

получается специалист которого можно

02:24:49

нанять то мы своей цели добились если вы

02:24:52

именно тот специалист

02:24:54

который прошел курсы прошел

02:24:58

собеседование получил проекции

02:24:59

трудоустроился то значит мы нашли друг

02:25:02

друга и это здорово кроме того кроме

02:25:07

того хочу еще раз заметить такую вещь

02:25:12

что вы можете по ходу курса

02:25:15

самостоятельно искать работу если вы

02:25:18

находите работу то

02:25:20

заканчиваете курс ставите в известно

02:25:25

своего метро что больше не нужно учиться

02:25:29

и собственно идете работать туда куда то

02:25:35

есть здесь мы на сильными к вaм держим

02:25:38

но и и просим тоже понимание с вашей

02:25:42

стороны что некоторые моменты у нас

02:25:46

условно могут работать некорректно

02:25:48

например вы можете получить 1000 баллов

02:25:51

но

02:25:53

нам как бы от этого не горячо-холодно

02:25:56

потому что

02:25:58

потому что да ну и интера

02:26:03

кроме все прочего получают футболочки

02:26:05

все правильно раньше у нас еще

02:26:08

проводились когда-то конференции риск он

02:26:12

пока не весь этот старец и другие вещи

02:26:18

случились поэтому сейчас мы уже не можем

02:26:24

делать как-то такие бенефиты как

02:26:27

посещение конференции но по-прежнему то

02:26:30

есть даже для себя как чекпоинт скажем

02:26:36

так в своей биографии быть ментором это

02:26:42

круто спасибо что in третье если интера

02:26:46

меня слышит те кто получит в дальнейшем

02:26:49

ментора знаете что это просто ребята

02:26:53

которые точно также заканчивали курс и

02:26:55

которые готовы помочь нам том чтобы

02:26:59

вырастить снова к специалистам

02:27:03

так так так

02:27:06

все давайте два последних вопроса везде

02:27:09

нужен коммерческий опыт как его получить

02:27:14

как ее получить значит коммерческий опыт

02:27:18

можно получить точнее что такое

02:27:22

коммерческий коммерческий опыт вы можете

02:27:25

получить на любой фрилансе сукой

02:27:27

платформе просто берете фриланс проекту

02:27:30

памяти

02:27:31

вам за него заплатили это коммерческий

02:27:33

но на самом деле я бы на это не

02:27:38

ориентировался

02:27:39

все-таки я состоятельного интервью вам

02:27:44

нужна работа в команде

02:27:46

вам нужна работа с git хоп репозиториями

02:27:51

чтобы понимать весь цикл разработки в

02:27:55

том числе code review и проще поэтому

02:27:58

вот такой вот опыт я бы сказала что вот

02:28:02

он на является более востребована

02:28:05

даже если некоммерческий так так

02:28:13

так до понедельника до стрипсы 9

02:28:16

получается надо сдать два тесты р с р с

02:28:19

с т т страстями

02:28:21

не совсем понял за ceкc с так хорошо уже

02:28:27

оказывается до понедельника я этот

02:28:31

вопрос уточнил этот вопрос уточнила насколько я

02:28:34

знаю у нас эти тесты планировалось не

02:28:38

ограничусь по времени

02:28:40

не ограничивать по времени но я уточню

02:28:43

вот видите начинаю спалось вопросам так

02:28:47

хорошо спасибо решил анонсов завтра

02:28:51

так так так

02:28:56

с репозиториями

02:28:57

у меня необходимо разобраться сейчас

02:28:59

своему или далее кто-то объяснит как с

02:29:01

этим работать далее у нас будет работа с

02:29:05

верховым как таковым но но

02:29:10

предварительно то есть надо будет пройти

02:29:13

курс самостоятельно

02:29:16

дело в том что у нас есть вектор который

02:29:20

уже много раз записывал

02:29:24

делал вебинары с итом и все это есть в

02:29:29

записи

02:29:30

поэтому скорее всего надо будет пойти

02:29:33

это самостоятельно в записи

02:29:37

если такая необходимость появится будет

02:29:40

много запросов на эту тему то мы позовем

02:29:43

еще раз антона он приведет еще is an

02:29:46

open or по гиту

02:29:48

и ответственно вопросы но скорее всего

02:29:51

там уже все очень четко рожон а

02:29:54

предыдущие разы

02:29:56

так был на потоке я говорю два вопроса

02:30:01

скажем так это второй вопрос лана был на

02:30:04

потоке q1 но ушел после встречи один так

02:30:07

не вставал по времени

02:30:08

присвоился статус и ноктис не повлияет

02:30:11

ли это на потоке китри как быть со

02:30:13

старым приватным репозиторию нет здесь

02:30:16

все нормально то есть мало того тоски

02:30:19

которые были выполнены типа если

02:30:24

что-то еще наверное их можно будет не

02:30:27

пересдавать

02:30:29

обнулятся тесты обнулятся

02:30:31

баллы на основные проекты но некоторые

02:30:35

практики которые у нас из station

02:30:39

будничный свой потоков поток могут

02:30:43

оставаться и ну грубо говоря то есть

02:30:47

скидывается только бал в дальнейшем

02:30:50

можно будет показывать

02:30:53

указывает ссылку на точке категории

02:30:58

так-так-так-так-так вашего секрет

02:31:01

котируется среди других эти компании

02:31:04

хотелось бы чтобы он везде котировался

02:31:06

знаете как типа гарвард или стэнфорд но

02:31:09

нет к сожалению мы только риску

02:31:13

все давайте на этом заканчивать был рад

02:31:16

всех вас видеть

02:31:19

увидимся на следующей недельке

02:31:30

этом будем заканчивать всем пока

Описание:

Week #1. Introduction to Front-End Roadmap: https://www.dropbox.com/scl/fi/nrbzttblhese709uz8tut/roadmap.jpg?rlkey=abfhqmbx7uws13tg987fox30p&dl=0

Готовим варианты загрузки

Популярные

HD видео

Только звук

Все форматы

* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."

** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах

Вопросы о скачивании видео

Как можно скачать видео "Week #1. Introduction to Front-End"?

Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.
Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.
UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.

Какой формат видео "Week #1. Introduction to Front-End" выбрать?

Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.

Почему компьютер зависает при загрузке видео "Week #1. Introduction to Front-End"?

Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.

Как скачать видео "Week #1. Introduction to Front-End" на телефон?

Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.

Как скачать аудиодорожку (музыку) в MP3 "Week #1. Introduction to Front-End"?

Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.

Как сохранить кадр из видео "Week #1. Introduction to Front-End"?

Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.

Сколько это всё стоит?

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