Transcription
Так, у нас такой список тем на сегодня. Их довольно много.
Шаги для трудоустройства. По шагам, что конкретно нам нужно сделать, чтобы устроиться на работу. Этих шагов там, ну, в зависимости, как их там выделять, там четыре или пять шагов.
Типы компаний, которые вообще бывают на рынке и чем они отличаются.
Процессы в компании.
Потом саму систему покажу, в которой мы будем работать. И немножко про аналоги, про испытательный срок на работе. А потом редактор кода, хотя бы примерно покажу, что как там. То есть нам, чтобы писать код, нужно освоить редактор кода основы.
А что такое frontend вообще, разберём и такие основные технологии, которые мы будем вообще изучать, а чтобы работать над проектами. Если время останется, то инжела ещё проекты можем посмотреть. Ну, я хотя бы расскажу. Вот.
Давайте для начала шаги для трудоустройства. Самый первый шаг — это база понимания рынка и общего пути. То есть введение такое. А многие этот шаг первый пропускают и по причине этого вообще не туда идут. Например, они вообще, не понимая, как рынок устроен, что происходит, сразу же начинают изучать вёрстку, JavaScript. Там сидят, сидят долгие месяцы, а потом оказывается, что они вообще не туда копали, не то изучали из-за того, что не тот был подход. Из-за этого и учёба сама шла тяжело, и множество проблем. В общем, и из-за этого и мотивация падает, и люди бросают. Это база, которую мы сейчас проходим. Это наш первый шаг.
Затем сюда ещё что входит? Там процессы в компании и тому подобное. То есть именно то, как нужно работать, что будет на работе. Этот шаг, который многие пропускают. То есть они, в принципе, я тоже его пропустил. Я сразу же начал изучать там вёрстку, JavaScript и вообще не представлял, что будет происходить. Но в то время в 2017-18 году там можно было это пропустить, потому что нанимали вообще практически всех, кто хотя бы там умеет хоть что-то накодить. Сейчас по-другому. Сейчас ты должен уже с самого начала идти с пониманием, что вообще ждёт.
Второй шаг. Освоение базы программирования. Под базой что имеется в виду? Вот эти технологии, которые внизу: HTML, CSS, JavaScript, Typescript, там какие-то основы, может быть, Angular — это база. То есть вообще прежде этого, да, там может быть там редактор кода, Git, >> редактор кода, Git и так далее, там программы нужны и тому подобное, да?
Затем, а после этого нужен, а, основы вёрстки. Под основам вёрстки, я что, понимаешь? HTML, CSS, основы JavaScript. Сейчас я расскажу, что это такое. Всё. Основы JavaScript. Основы. >> Ассайкум. Алейкум ассалям рахмалла баракату. >> Основы TypeScript. Ассалам алейкум. >> Простите, про >> основы JavaScript, основа TypeScript и основы Angular. Это база. Это второй шаг, который нам нужен. Поняли, да? Первое, просто база понимания, что вообще будет. Второе, освоение базы программирования. Окей.
Что такое редактор кода? Это программа специальная, в которой мы пишем код. Давайте я вам покажу. Всё, у меня есть тут. Вот. Вот, например, WebStorm. Специальная программа, в которой мы код пишем. Вот открываем. У нас тут файлы и так далее. Мы можем писать код здесь, отправлять его в репозитории и так далее. Вот, например, видите, [музыка] вот то, что я вам показываю, это редактор кода. Вот сам код. Основа работы с редактором кода — это вот то, что нужно. Вот. Поняли, да?
Дальше. Git. Git — это специальная технология для работы в команде. То есть как Git работает. Давайте я сейчас покажу, что это. Вот это специальный сайт, где вы скачиваете эту программу на компьютер и потом можете ей пользоваться через терминал. Ну, короче, терминал — это что такое? Короче, Git — это специальная программа, которой нужно будет пользоваться на работе. И ей нужно будет пользоваться через вот эту штуку. Терминал называется. И здесь можем вписать всякие команды. Вот видите, например, пока что подробно мы это не будем проходить. Прям хотя бы хотя бы какое-то ознакомление просто сделаем. В общем, Git нужен для того, чтобы в команде разрабатывать проект. Представьте, например, вы редактируете документ целой командой. Один человек написал, что-то исправил, и все остальные сразу это видят, могут тоже исправить. И вот так вот всей командой можно редактировать один документ. Точно также программисты редактируют один большой репозиторий с кучей документов. Например, вот я открываю Git. Вот мой Git, вот наше приложение большое. И вот это вот всё — это наше хранилище с кодом. Наше хранилище с кодом. И здесь вот в разных папках хранится код. Вот я вам сейчас покажу. Вот, например, а разный код хранится здесь. Вот видите, как это работает. Один программист какой-то код добавляет, другие программисты все это видят, могут проверить, что он работает правильно, могут его принять, могут написать то, что нет, здесь ошибка, исправь и так далее. То есть специальная платформа для того, чтобы совместно работать над над проектами, совместно писать код. То есть Git — это такая маленькая технология, которая просто запускается у вас в терминале.
Терминал — это что такое? Терминал — это вот такой чёрный экран, где можно писать всякие команды. В этом терминале вы сможете создать репозиторий и так далее. Тут есть разные команды. В терминале вы работаете с Git, чтобы создать такой общий репозиторий для разработки и прочие вещи сделать. А поверх Git есть такой сайт, называется GitHub. Вот на этом сайте GitHub уже можно проекты, которые вы разрабатываете через Git, прямо посмотреть в браузере. Прямо посмотреть в браузере, зайти, потыкать, увидеть тут посмотреть, кто что сделал, посмотреть код, проверить и так далее. То есть это Git — это такая маленькая технология, которая в терминале работает. GitHub — это обёртка над ней, с помощью которой вы уже в браузере можете прямо проверять задачи и так далее. Это это удобнее сделать через браузер, чем в терминале. В терминале это очень сложно. Вот это база, которую [музыка] которая следующий шаг, э после базы вообще понимания рынка. Следующий шаг: освоение базы.
Вот редактор кода. Только что мы посмотрели Git. Только что я вам примерно показал, что это. Git — это специальная технология, с помощью которой мы совместно разрабатываем проект в команде. Вот нужные программы. Какие программы нужны? Во-первых, мы учимся на фронтенд программистов. Самая нужная программа для нас — это браузер. Либо Яндекс.Браузер там, либо Google Chrome, без разницы. Нужен браузер по-любому, потому что мы наши проекты проверяем в основном в браузере. Нужен браузер, нужно такое приложение, скорее всего, пригодится, как Figma. Это там, где мы смотрим дизайн. Дизайнер подготовил дизайн, и мы, смотря на него, вот видите, смотря на него, делаем уже проект в браузере. То есть мы пишем в редакторе кода код, он отображается в браузере и там работает. Но изначально, как это должно выглядеть, это дизайнер рисует в приложении под названием Figma. Ну, скорее всего, Figma. Бывают ещё другие приложения, но обычно используют Figma. Поэтому это то приложение, которое, скорее всего, мы будем использовать. В принципе, начальном этапе редактор кода, вот я вам показывал, да, вот он называется WebStorm. Я советую всем просто его использовать. Если кто-то есть, кто любитель там VS Code, в принципе, тоже можно, но я не советую. Вот у меня Visual Studio Code. А лучше всего WebStorm использовать. Он сейчас тем более, что бесплатный стал для учебных целей. Вот. Редакторы кода у нас два. Два редактора кода. Браузер. Ну, вы из двух редакторов кода вы выбираете один. Я советую WebStorm, то есть вот этот. Там ссылки, всё это я вам оставлю, чтобы у вас было. Из нужных программ: редактор кода, браузер и вот эта Figma. Всё. Для начала этих трёх программ, скорее всего, хватит. Ну, возможно, там что-то ещё небольшое понадобится. Если что, мы это дополним. Там есть ещё программы, которым с помощью которых можно делать запросы, там запросы на backend, проверять это. Есть программы, с помощью которых там проекты разворачиваются, но это уже на более продвинутом уровне. Пока что нам как можно меньше нужно взять, чтобы минимум просто, чтобы какой-то какую-то базу взять. Вот браузер, Figma и редактор кода. Всё.
Затем в эту базу программирования входят ещё основы вёрстки. Основа вёрстки — это HTML и CSS. Что такое HTML? Что такое CSS? HTML — это специальный язык разметки. Это получается язык гипертекстовой разметки, который используется для создания и структурирования веб-страниц. А давайте более подробно. Смотрите, вот, например, открываем Git. Я вам покажу, что такое HTML. Нажимаем правой кнопкой "Исследовать элемент". И вот вот здесь вы видите, смотрите, вот я нажимаю, например, навожу вот на ба. Блин, вам не видно, походу. Сейчас. Вот смотрите, я открыл, нажал правой кнопкой и открыл "Исследовать элемент" нажал. То есть я открыл специальные инструменты для разработчика. Вот внутри браузера есть такая штука, как инструменты разработчика. И это важная вещь, которой мы будем пользоваться постоянно. И здесь, в этом инструменте разработчика, а мы можем смотреть прямо на элементы, э, прямо наживую, прямо на живом сайте. Например, я нажимаю вот эту кнопочку "Выбрать элемент на странице". Раз. И, например, на вот это вот текст "doation" навёл, нажал, и этот текст у меня выделился прямо внутри внутри вот этой структуры. Видите, вот, например, я навожу на ба, у меня всё выделяется. Навожу на inner. Это вот этот вот верхний блок, ниже вот этот, понимаете? То есть вот это вот div — это элемент структуры. Смотрите, div — первый элемент. Второй элемент — mustad. Написано ID mustad. Третий элемент — вот этот. И мы видим здесь div, внутри него inner, внутри него там ещё ещё ещё. То есть то, что я вам сейчас показываю, вот этот весь код, это язык разметки под названием HTML. И вы его сейчас смотрите просто в браузере. А писать мы его будем в редакторе кода, а проверять, как он работает, тоже в браузере. То есть это HTML. Давайте я вам сейчас в коде тоже покажу. А, например, сейчас я открою какой-либо компонент в рабочем проекте. Вот HTML, видите? А как понять, что это HTML? Тут написано в конце точка HTML. Вот смотрите, видишь точка HTML. У файлов бывают разные расширения, вы знаете, бывает MP3, бывает MOV, там MP4, XZ, там всякие TXT. И HTML — это вот формат HTML, прямо точка HTML. Точка HTML означает, что это файл HTML и означает то, что он будет обрабатываться браузером по особому. Давайте простой пример приведу. Так, давайте придётся воспользоваться. Давайте, чтобы вы поняли, что такое HTML, я сейчас открою просто, например, папку загрузки. Создам новую папку и назову её "пример HTML". Я открыл эту папку и создаю файл. Назову его index.html. Такое название. Почему? Потому что это просто базовое название стандартное. Вот. И этот файл, смотрите, я сейчас его открою. Вот видите, пример HTML, index.html. Этот файл мы можем уже в браузере открыть. Смотрите, этот файл называется HTML. Я открываю его в браузере, и у меня белая страница. Почему? Потому что файл пустой. Если я напишу "салам алейкум", то в браузере, вот видите, тоже "салам алейкум". Поняли, что такое тема? Это я вам на практике сразу показываю. Например, я хочу большой файл написать, ну, большой текст. Вот так. Во, видите, большой стал. Приходит по чуть-чуть понимание. Вот нажимаю "Исследовать элемент" и вижу вот "салам алейкум". Вот большими буквами. Поняли? То есть это специальный файл HTML, в котором мы можем создавать разметку для сайта. Ой, мы можем сделать большие заголовки, заголовки поменьше. Вот видите, вот это большой был, это уже поменьше. То есть HTML — это язык разметки, с помощью которого, с помощью специальных тегов мы можем просто создавать форматированные текста. И не только текста, а много ещё чего. И если мы откроем любой сайт, вы тоже в браузере можете это сделать. Нажмёте "Исследовать элемент", и вы увидите то, что здесь много-много всякого кода разного на HTML написанного. Вот это HTML. И у себя в браузере тоже можно потыкать, создать файлик, открыть, посмотреть, что-то написать и прямо в браузере проверить и убедиться, что вот действительно то, что мы пишем в коде, оно отображается на страничке. Это HTML. Поняли, что такое HTML или нет? Ну, это база, и на работе это будет. Поняли, что такое HTML? Да, поняли.
>> Вот теперь CSS. >> CSS — это тоже технология, уже специальный другой язык, с помощью которого можно стилизовать, стилизовать то, что мы написали. Можно стилизовать то, что мы написали. То есть, например, вот вот этот Git сайт, он так выглядит красиво. Например, здесь почему вот, например, оранжевый цвет? Оранжевый цвет, потому что здесь есть специальные, видите, специальный специальный код, который его делает оранжевым. Вот смотрите, я вот сейчас навожу, у меня написано "color" и "оранжевый". Видите? Сейчас я вырежу немножко. Вот смотрите, я открыл, исследую код. И у меня здесь сверху HTML, который мы только что обсуждали, а снизу CSS. И в этом CSS мы можем задавать различные параметры. Например, color. Сейчас оранжевый, видите? А если я его уберу, стал синим, опять оранжевый. Видите? А я могу его сделать другим. Видите, зелёный стал. Заметили? Во, видите, цвет меняется. Вот он стал зелёным. Например, красный. Вот теперь он красный стал. Розовый. То есть CSS — это то, что нам позволяет стилизовать то, что мы написали с помощью HTML. То есть мы в HTML что-то сделали, например, просто текст вставили, а с помощью CSS мы его сделали там разноцветным, красным, зелёным, сделали там большим и так далее.
>> Можно вопрос? Да. Да. >> Вот вы когда нажали на любую страницу в браузере "Исследовать код", вот эти два окошка получается сразу открылись. Сверху этот HTML, снизу CSS. Да, вот этот. Да-да. >> Или же вы какую-то ещё кнопочку нажали, чтобы он открылся снизу. Я ничего не делал. То есть я нажал "Этот элемент", >> а, и вот так два окна. Всё понятно. Угу. Спасибо. >> Да, но возможно у вас будет чуть по-другому в зависимости от настроек. Тут есть кнопочки, с помощью которых можно чуть это по подправить. Если я сделаю, например, смотрите, большой экран, расширю, то у меня оно будет сбоку, то у меня здесь слева получается HTML, справа CSS. Если я его буду выжимать, то он будет сверху и снизу. Вот в этом в браузере, кроме как посмотреть HTML, CSS, ещё есть разные вещи, которые тоже можно смотреть. Это мы будем потом изучать. Пока что вот просто база. И что ещё можно сделать? А мы можем вот смотрите, вот ширина, я её убираю, и у меня текст двигается. Видите? Так, там отступы, видите? Отступы поменял. Отступы меняю. Видите, у меня текст уезжает. Смотрите, как по сайту. Если что, это только у меня на компьютере отображается. Если я страничку перезагружу, оно обратно вернётся. Вот, например, могу шрифт увеличить. Это CSS. Видите? С помощью мы можем стилизовать. Можно так сделать, но так нечитаемо. Вот так сделали, уже нормально. Так, поняли, что такое CSS? CSS — это то, с помощью чего мы уже стилизуем. Видите? То есть мы написали на HTML что-то, а с помощью CSS мы берём и стилизуем. То есть добавляем специальные стили, чтобы там цвет менять, расстояние и так далее там. Это прямо ещё большая тема. Это мы будем долго ещё изучать. Можно там месяц потратить на изучение HTML и CSS. Вот это база. Просто чтобы, чтобы вы понимали, что такое HTML, CSS. И вот это всё вместе называется вёрстка. То есть, например, создать блок вот такой вот >> с текстом, а затем с помощью CSS тут текст сделать розовым, по-всякому его изменить, э, там расстояние между между строками поменять, размер шрифта и так далее. Это уже это всё вместе называется вёрстка. Работа с HTML плюс работа с CSS вместе называется вёрстка. Слышали про такую профессию верстальщик? Да, сырна, >> да. >> Вот верстальщик. >> Верстальщик занимается вёрсткой. То есть он просто берёт на HTML и CSS просто пишет вёрстку. То есть он создаёт сайт, который не отображается, то есть не работает по факту, но хотя бы картинка такая есть рабочего отображения. То есть он, например, на кнопочку нажмёт, и она ничего не будет работать. Но такую баланку внешний вид он делает. Потом программисты приходят и уже оживляют сайт, чтобы он работал реально, а не чтобы просто была картинка в браузере.
Затем освоение базы программирования. Вот мы на этом шаге. Редактор кода, Git, программки, основа вёрстки, потом основа JavaScript, основа TypeScript и основа Angular. JavaScript — это язык, ой, JavaScript — язык программирования. JavaScript — это язык программирования. И вот такой популярный сайт, на котором про него можно просто почитать, посмотреть, называется learn.javascript.ru. И, например, ну, такой самый популярный сайт, где можно просто посмотреть, что как работает. Нажимаем "Введение в JavaScript". Здесь объясняется, что это такое, почему и так далее, как он работает, что делать, что может, что не может. И здесь потихоньку введение в то, что это вообще такое, что за язык. Затем вот, например, "Основы". И здесь мы можем посмотреть такие такую базовую операцию. Давайте сейчас ещё вот, например, в JavaScript там, чтобы объявить переменную, мы пишем `let` и название. Если мы хотим ей присвоить значение, пишем название равно и присваиваем значение и так далее. То есть мы сейчас не будем подробно разбирать. Я вам примерно показываю, что вот есть такой язык JavaScript. Он нам нужен для чего? А мы, когда открываем вот этот сайт, например, он у нас не работает. А если только там не будет подключен JavaScript. JavaScript, когда подключается, вот видите здесь код. В общем, я открываю браузер, когда нажимаю "Исследовать", у меня здесь "Элементы" вкладка. Эта вкладка отображает HTML и CSS, то есть вёрстку. Но кроме вёрстки есть ещё такая вещь, как JavaScript. Это мы отходим, переходим в "Источники", например, и заходим JS. JS — это означает JavaScript. И здесь есть специальные файлы. Вот, например, вот, вот. И это код на языке JavaScript, который подключен к этому сайту. Вот мы же этот код можем посмотреть. Вот видите, как вот этот код. И этот код работает, когда мы что-то нажимаем, скорее всего. Ну, то есть JavaScript — это что такое? Это язык программирования, который позволяет сделать так, чтобы сайт работал. То есть без JavaScript сайт не работает, он просто показывает картинку. Без JavaScript у нас есть просто вёрстка, которая показывает картинку. Если нажмёте "Download", ничего не скачается, потому что, чтобы что-то скачалось, нужно, чтобы был подключен и чтобы он работал.
>> Получается, брат, он за анимации тоже отвечает. >> Ну, анимации делаются либо на JavaScript, либо на CSS. Ну, та считается лучше, если они работают на CSS. Просто, э, в реальной разработке зачастую там анимации могут делаться вообще с помощью фреймворка, а во фреймворке оно делается там вообще каким-то способом навороченным, где может быть местами CSS, местами JavaScript. И очень сложно, но в целом анимации можно сделать на JavaScript, можно, но считается, что более правильный способ — это сделать их внутри CSS.
Можно вопрос? >> Чтобы сайт работал, нужно получить JavaScript. Например, HTML — это кости, CSS — это как бы внешний вид, а JavaScript — это мышцы, которыми сайт уже может что-то реально делать, если привести такую аналогию. Вот здесь, например, код на JavaScript, да? А получается, любой проект на аутсорсе, вот точно так же можно просто открыть "Код элементы" и посмотреть его весь вот этот вот код. >> Да, можно посмотреть весь код. >> Просто вот так правой кнопкой посмотреть, но он будет не в первозданном виде, в котором его написали, скорее всего, потому что код проходит там множество преобразований уже машинных. Там есть специальные программы, которые код преобразуют уже в тот вид, который ему браузеру удобнее считать. И то, что вы увидите здесь во вкладке "Источники", это будет не тот код, который программисты пишут. Он будет уже изменён до другого вида, который тоже можно, в принципе, разобрать, но это будет не не тот вид, который пишут именно программисты. Да, можно. А если, например, кусок отсюда скопировать и себе вставить, он будет, да, работать? >> Кусок, если вы скопируете просто кусок, он не будет работать, потому что здесь код привязан к определённым элементам, которые находятся здесь. То есть здесь, видите, у нас вёрстка в HTML есть определённые элементы, к которым можно обратиться из JavaScript. А для того, чтобы обратиться, нужно специальный код писать, который будет искать эти элементы. Если у вас эти элементы в другом порядке расположены, они вообще другие, то код на JavaScript не найдёт это и не будет работать. И всё. А поэтому просто скопировать JavaScript, она не будет работать. Если вы скопируете полностью и вёрстку, и полностью с CSS, например, скопируете и JavaScript подключите и полностью отсюда скопируете, то, вероятно, что будет работать. Ну и, возможно, какие-то вещи вы не учтёте, и оно не заработает, но есть большая вероятность, что заработает.
В целом вы мне скажите, понятно, что вообще происходит? Я вам показал в браузере. Здесь есть специальные инструменты, через которые можно посмотреть, что происходит по-настоящему под капотом. То есть вёрстка она делится на HTML — это структура, потом CSS — это уже, видите, вот стилизация, там цвета и всё такое. И JavaScript, который работает на как мышцы в теле. Точно также JavaScript, он позволяет, чтобы просто функционал какой-то выполнялся. То есть нажимаешь, что-то скачивается, открывается, переключается, добавляется и так далее. И вот эти три штуки вместе, работая HTML + CSS + JavaScript, они создают front-end. По сути, весь фронтенд, любой вообще, который на работе делают, он состоит из вот этих вещей. Вот открыл, например, Angular-овский сайт. Видите, вот этот сайт Angular. Здесь тоже самое, тоже тоже у нас HTML, тоже CSS и тоже где-то там JavaScript, видите, тоже вот. И всё. То есть любой сайт в конечном итоге превращается в HTML + CSS + JavaScript, но в процессе разработки там всё посложнее. Там может быть не только HTML, CSS, там ещё много чего, но в конечном итоге браузер понимает только вот эти вещи. Браузер понимает только HTML, CSS и JavaScript. И самый-самый самый простой сайт можно сделать, не используя ничего, кроме HTML, CSS и JavaScript. Поэтому для освоения базы мы должны взять основы вёрстки и основы JavaScript.
Затем нужно будет взять основы TypeScript и основы Angular. Я вам просто примерно расскажу, что такое TypeScript и что такое Angular. Смотрите, JavaScript — это мы только что смотрели такой язык программирования для браузера, чтобы в браузере отображалось, работали ли сайты. И этот язык, у него есть определённые плюсы, определённые минусы. И он в каких-то вещах он такой лёгкий и даёт много воли для работы. То есть ты можешь так написать, можешь сяк написать, можешь можешь и по-другому. То есть много разных способов одну и ту же вещь сделать. И ты можешь переменную там в неё занести строку, потом перезаписать на число. И эта свобода, которую JavaScript даёт, она также порождает много ошибок. И многие программисты из-за того, что такая чересчур большая свобода, из-за этого используют специальный другой язык, то есть надстройку над JavaScript, который называется TypeScript.
>> Если что, вы не не переживайте, что слишком сложно, потому что я просто говорю, что будет. Мы сейчас не будем это всё прямо подробно изучать. TypeScript — это то, что некоторые начинают изучать только через полгода и больше, как начинают учиться программированию. То есть базовый язык, на который мы пишем, это JavaScript. Вот. Но то, что на работе будет, это будет надстройка над ним. Надстройка, то есть, э, тот же самый JavaScript, просто можно писать немножко по-другому, добавляя некоторый функционал, которого нету. Почему браузер сразу не не принимает TypeScript? У нас такие ограничения в браузере, что писать на TypeScript невозможно. Можно писать только на JavaScript внутри браузера. То есть в конечном итоге в браузер попадает JavaScript. Вот мы открываем "Источники". Вот JS, JS, JS, JS, JS файлы. Но программисты пишут код в основном на TypeScript. То есть программисты пишут код на TypeScript на вот этом языке, который ничем не отличается, кроме того, что добавляется некоторый функционал, которого в JavaScript нету. И этот код в конечном итоге преобразуется в JavaScript, потом попадает в браузер, потом попадает в браузер, и мы его видим. Но программисты пишут >> в большинстве случаев на другом языке, который то же самое, просто с надстройкой, называется TypeScript. >> Представьте, что есть тот же самый русский язык, но в него добавили там просто какие-то дополнительные структуры, которых в русском языке нету, для того, чтобы более строго выражать. Например, вот есть юридический язык документов нормативных, и это совсем другой язык, чем просто язык общения. Вот, грубо говоря, представьте, что юристы специально только пишут или там разговаривают на этом языке формальном, чтобы избежать неточностей. И не говорят свободно, а говорят по строгой структуре. Например, юристы, да, то же самое у программистов. Язык JavaScript, он слишком такой своевольный, можно по-разному написать. И чтобы эти минусы обойти, люди, так скажем, общаются с компьютером на языке, который чуть построже, чтобы уменьшить количество ошибок. Это TypeScript.
Дальше нам нужно будет основы TypeScript изучать и основы Angular. Что такое Angular? Angular. Сейчас я
буду показывать. Если вы будете становиться фронт-энд разработчиком, у вас есть выбор из трёх технологий, на которых вы будете писать код. Я сейчас их все открою по очереди. Онляр уже открыл. Вот смотрим, самый первый — React. Библиотека для веб и нативных интерфейсов. То есть, это библиотека для создания сайтов, по сути. То есть, сам внешний вид сайта создаётся с помощью этой библиотеки. Называется React. Это самая-самая популярная библиотека, на которой пишется фронт. На ней больше всего вакансий и больше всего конкуренции. То есть, где-то половина всех проектов во фронт-энде пишется на Реакте, даже может больше половины. И что о нём можно узнать? Он такой лёгкий, довольно популярный, но на нём огромная конкуренция. В принципе, всё, что нужно знать. Пока что я на нём раньше работал. Я работал на всех трёх, но больше всего я работал на Реакте и на Ангуляре. До Ангуляра я работал на Реакте. С Реактом, в принципе, понятно, почему мы его не изучаем. Хотя обычно онлайн-школы обучают именно ему, потому что вам устроиться на работу будет очень тяжело. То есть, если бы мы изучали React, то нам нужно было бы учиться не год, а два или три года, потому что опыта в резюме требует немеренно. То есть, на Реакте опыта в резюме нужно гораздо больше, чем на Ангуляре, потому что конкуренция такая высокая, ну что реально прямо нужно много опыта и нужно постараться, чтобы устроиться. Поэтому мы изучаем не React.
И почему мы не изучаем View.js? А View.js — это второй фреймворк, на котором тоже пишут. То есть, у нас программисты — фронтендеры. Frontend — это внешняя часть сайта. Вот то, что мы видим перед собой — это фронтенд. То, что у этого сайта находится под капотом, где-то там в базе данных, это уже... Мы сейчас говорим про frontend. Front-end направления. Первый — React, второй — View.js. Вы выбираете либо React, либо View.js, либо Angular. Одно из трёх. У каждого свои плюсы и минусы. Вот первый мы React посмотрели. Второй — это View.js. View.js — это тоже frontend framework. Это вот это называют библиотека, а это называют framework. Это тоже называют framework. Что такое библиотека? Библиотека — это специальный набор готового кода, который мы можем использовать, чтобы писать приложение. Что такое framework? Вот эти две вещи и View, Angular. Framework — это как библиотека, но большая, навороченная, и которая тебе диктует, как писать код. Ну, на самом деле, это тоже framework. React — это тоже framework, точно такой же, как View и точно такой же, как Angular. Эти все три — это все три фреймворки. Просто Angular о просто React себя позиционировал как библиотека, но со временем он настолько вырос, что вот это уже тоже framework. Просто они официально своё позиционирование не сменили и всё ещё пишут, что это что это библиотека (library), хотя на самом деле это уже framework. То есть, если вы на собеседовании скажете, что React — это framework, с вами начнут спорить, и вы докажете, что это реально framework, а не библиотека, это будет это покажет то, что вы хорошо понимаете frontend. Ну, скорее всего, если вы скажете, что React — framework, не библиотека, с вами начнут спорить, сразу начнут спорить, и нужно будет доказывать, почему вы так считаете. Но я вам говорю, что на самом деле это тоже framework, поэтому можем обобщить и сказать, что это framework, это framework, это framework.
Вот React — самый лёгкий, но при этом к нему нужно много чего добавлять. View.js чуть побольше, покрупнее, но при этом он очень прикольно сделан, интересно, хорошо, красиво, так скажем, логично. И к нему нужно поменьше всего добавлять, потому что в нём уже много чего встроенного. И он гораздо менее популярный, популярнее, чем React. И примерно настолько же популярный, как Angular. То есть, и View.js, и Angular по популярности одинаковы, но так как View.js легче, чем Angular, все изучают, ну, большая часть изучает либо React, либо View. Angular изучает настолько мало людей, что устроиться легче всего на Angular, потому что конкуренция ниже всего. Ну и более того, мне вот мне лично Angular больше всех нравится, и он самый такой прям классный. Просто вам говорю, как программист, кто уже работал на всём. Могли бы мы изучать View.js, могли бы мы изучать React, но мы изучаем Angular. И вы, когда будете общаться, например, с коллегами, да, кто тоже там изучает программирование, они скажут: "Зачем тебе Angular? Надо было React изучать там или View и так далее". Это вечный вечный спор между всеми программистами, фронтендерами, какой фреймворк лучше. На самом деле эти три, все три фреймворка: React, View, Angular, любое приложение можно написать и на Реакте, и на View, на Angular. Без разницы, любое приложение можно написать и так, и так, и так. Просто у Реакта свои плюсы, свои минусы, у View.js свои плюсы, свои минусы и у Ангуляра свои плюсы, свои минусы. Например, больше всего работы здесь, но и конкуренции больше всего. Например, здесь конкуренции тоже много, но чуть поменьше и работы тоже меньше. И всё. Angular.
А вот здесь работы немного, меньше, чем на Реакте. Примерно столько же, как на View, может быть, чуть-чуть поменьше. Но настолько низкая конкуренция, что устроиться проще. Мне без разницы. Если бы для вас было бы лучше изучать React, я бы вас обучал Реакту. Если бы для вас было бы лучше изучать View, я бы преподал View. Просто все школы, куда вы не пойдёте, они обучают только Реакту. Ну и некоторые, может быть, View. А Angular обучают очень мало. Ну прямо реально настолько мало, что их практически нету. Поэтому на Angular устроиться легче. Поэтому мы изучаем его. Если такие сравнения проводить, если Angular — это, например, целый там Камаз, большая грузовая машина, то View.js — это просто легковая машина, а это просто мотоцикл, например, чтобы вы понимали по сложности, насколько они. Этот самый такой простой. Этот уже чуть посложнее, чуть понавороченней. А этот вообще просто машина, махина огромная, в которой просто куча всего. То есть, лёгкая штучка, средненькая и прямо мощная. И казалось бы, получается, что Angular сложный, View.js средненький, а React вообще лёгкий. На самом деле на работе сложность выравнивается, везде одинаково становится. Почему? Потому что на работе проект по-любому пипец какой сложный. Ну то есть для обычного человека это пипец как сложно вообще. И на чём ты не пиши, хоть ты напишешь на Реакте, хоть на View.js, хоть на Angular, хоть на чистом JavaScript просто и HTML-е, проект будет всё равно одинаково сложный. На чём ты его не пиши. Просто сложность будет скрываться в разных местах. Если вы на Реакте пишете, сложность будет в том, чтобы выбирать в библиотеке кучу разных. Если вы пишете на View.js, сложность будет именно в самом проекте. И то, что некоторые библиотеки нужно будет выбирать, под себя переделывать. Некоторые уже не так много. А сложность Ангуляра, если вы будете на нём писать, будет в том, что он сам по себе сложный. То есть вам не нужно ничего извне брать, но нужно его самого изучить, а он сам огромный. Вот и всё. Везде сложно. Просто тут сложность она добавочная. Извне нужно брать много чего. Здесь так усреднённая, а здесь сложность именно внутри, потому что ничего больше не надо. Вам один Angular хватает для всего. Ничего больше не надо брать, но сам Angular большой и прямо нужно в нём разбираться. Поняли, да? Вот.
И изучая базу, мы изучаем основы Ангуляра. Основы — это вот самые простые вещи. Вот компоненты, там, директивы и так далее. Это мы всё будем потихоньку проходить. Сначала мы будем изучать вёрстку, потом JavaScript, TypeScript, Angular. Но наш подход, что мы будем изучать всё сразу в Angular-проекте, сразу как на работе. А мой подход такой, что мы сразу начинаем с рабочих проектов. Сейчас вы устроились на работу, и я вам объясняю, что мы будем вообще делать. Для этого я вам объясняю, какие технологии мы будем использовать, какие программы будем использовать и что будем делать. Следующим шагом мы будем открывать реальные проекты и там уже смотреть, что происходит. Вот основу Angular нужно взять, а, чтобы освоить базу программирования. То есть, если вы изучите базу программирования, редактор кода, программки основные, там основы вёрстки, JavaScript, TypeScript и основы Angular, то вы — Junior. Junior. Что такое Junior? Junior — это программист начального уровня. Это программист. Так и переводится же, типа как юниор — молодой, короче. Junior — это программист, которого, если взять на работу, он сможет писать код, он сможет запустить проект, что-то написать, что-то сделать, какую-то пользу приносить, но в ограниченном количестве и задавая много вопросов. И задавая много вопросов. И это, в принципе, определение, кто такой Junior. Junior — это начинающий программист, который что-то может, но в основном что-то простое. И задавая много вопросов. Начинающий, то есть стажёр, грубо говоря, новичок. Вот и всё.
Вот там добавочка была поводу, а, библиотек. Смотрите, любой любой проект можно написать на любом. То есть, можно написать на Реакте большой проект, на Ангуляре написать маленький, либо наоборот на Ангуляре написать большой, на Реакте написать маленький. Но особенность именно Ангуляра, который мы будем учить, изучать и на нём писать код, то, что он используется для больших проектов, для крупных. То есть, именно Angular — это этот левел прямо больших крупных проектов. То есть, там всякий вот Wildberries, например, да, вот представьте, у Wildberries какие приложения внутреннего вот этого вот регистрации товаров, там оборота, документооборота. Это просто огромные приложения, нереально, которые просто миллионы строк кода могут быть. И они пишут их на Ангуляре, потому что Angular, особенность его такая, что он предназначен для крупных, серьёзных, больших проектов. Ну, то есть больше подходит. То есть, если обобщить вообще, то если у вас проект маленький, то лучше всего написать на Реакте. Если что-то более-менее крупное, то можно. Можно на Реакте, но на Ангуляре, на View будет лучше. Причём то, что, если проект ещё больше, если это реально прямо огромный проект, который будет делать команда, там 50 человек, то здесь лучше всего Angular взять, потому что Angular он для специально предназначен для больших крупных проектов. Его специально спроектировали, чтобы писать огромные проекты. Поэтому на Ангуляре специфика такая, что пишутся большие крупные проекты, серьёзных людей ищут. Понимаете? Мы изучаем самый серьёзный фреймворк, большой, на котором прямо вот вас берут в крупную компанию какую-нибудь, в которой вы будете делать, скорее всего, внутреннюю систему для внутренних нужд. То есть, какие-то сайты внешние, чтобы люди пользовались, делают обычно на Реакте. Но внутренние большие, сложные проекты, которыми будут пользоваться только сами работники, вот это делается на Ангуляре, как правило. Например, я сам работал последние года в сфере медицины. И в сфере медицины мы делали огромные просто там проекты. Это когда ты приходишь к врачу, и врач открывает специальный сайт и заполняет твою карту, там кучу разных параметров, данных, какие-то формы, там анализы, анализы там закидывает, там прививки отмечает и всякое такое. Это же тоже какая-то программа, которая как-то работает. И вот эта программа в связи с тем, что она прямо большая, огромная, сложная, она делается на Ангуляре. И она настолько сложная, что сами врачи там целый месяц проходят обучение, чтобы чтобы научиться пользоваться этой программой. Ну, представьте, такая программа, которой просто научиться пользоваться нужно не одна неделя. И чтобы эту программу написать ещё, представьте, сколько нужно сил потратить и насколько это большое, насколько проекты большие делаются на Ангуляре, и они делаются для внутреннего использования. То есть, сами работники Wildberries будут пользоваться тем, что пишут на Ангуляре. Сами врачи пользуются тем, что пишут на Ангуляре, например, вот как я писал. Поэтому на Ангуляр мы нацеливаемся на рынок такой серьёзный, внутрикорпоративный, с серьёзными проектами.
И ещё кто насчёт халяль-харама спрашивает, где больше всего харамных вещей, типа там изображений, фотографии, там музыки и всего такого. Явно там, где больше развлечений и всё, что нужно для людей, для обычного использования. А какой харам? Запрещённые вещи могут быть в системе регистрации там пользователей больницы или внутрикорпоративном документооборотном приложении какой-нибудь компании или специальной системы для проведения там процессов на заводе каком-нибудь, да, или внутри ээ логистических проектов для работников цеха, там склада, например. То есть специфика Ангуляра ещё такая, что так как проекты большие и они для работяг, например, там вот как я говорил, склад, например, да, что там может быть харамного? То есть там вообще недоразвлечения — это рабочий большой проект, в котором всё сводится к тому, что нужно создать какую-то форму, что-то заполнить, перекинуть, переслать, нажать, увидеть, добавить, сложить, вычесть. И вот. И никакого и ни одного изображения, никакой музыки, никакого развлечения там вообще нету, потому что это не для не для людей, не для отдыха, а для работы. Получается, на Ангуляре мы пишем приложение для работы, и запретного там, скорее всего, вообще ничего не будет. На моём опыте, ну, по по большей части проекты там даже близко нету. Вот представьте, вы пришли и вы пишете вот для медицины специальные внутри внутренние внутримедицинские проекты для больниц. Вот как я работал, например, мы там я делал специальные таблицы, в которых можно было рассчитывать там прививки, график прививок и так далее, там от ковида, от всякого разного. Можно было по табличкам это смотреть, можно было календарь открывать, там записываться всякое разное. И ну что там харамного? Там просто врачи работают там же. Это наоборот полезный проект. А на Реакте, может быть, вы вам попадётся какой-нибудь, ну, будут предлагать работу там стриминговый сервис, там музыкальный сервис, там ещё что-нибудь там. На Реакте редко, ой, на Ангуляре редко такое пишут. Развлекательные проекты, они обычно пишут на Реакте по большей части. Серьёзные рабочие проекты внутренние для работы пишут на Ангуляре. Поэтому Angular с точки зрения для мусульманина халяль работы лучше. На Ангуляре просто мало харамной работы, потому что он у него своя специфика внутрикорпоративная.
Затем после освоения базы программирования — продвинутый уровень. Давайте напишу middle level. И что? Что там будет? Продвинутый уровень — это уже продвинутый Angular, потом NgRx. Давай, давайте напишу продвинутый RxJS, то есть NgRx, продвинутый RxJS, NX и всякое разное. Здесь уже идут непонятные слова. На то это уровень продвинутый, что он сложный, и там уже будет просто пипец. То есть, идёт уровень абстракции HTML, CSS, JavaScript. Сверху у него наслаивается основа Angular, а сверху у него наслаивается ещё посложнее. И в конечном итоге вы открываете код вот такой. Видите? Вот, например, вот это вот то, что вы сейчас видите, вот это вот, это уже продвинутый уровень. То есть, ну, человек, который изучает программирование просто по курсам каким-то, по видео там пару месяцев, он вообще не поймёт, что происходит. Это уже поверх сложности, ещё одна сложность, потом ещё одна, потом ещё одна. Это, грубо говоря, уже, если бы мы, например, изучали арабский, это если бы я вам дал книгу уже продвинутую и сказал: "Читай". То же самое вот этот код, это уже продвинутый уровень языка, знания языка, знания разных технологий, потому что здесь, например, и Angular одновременно, и RxJS, и NgRx, и Dependency Injection, и там операторы, и TypeScript, и интерфейсы. То есть, там много, много, много, много, много вещей, штук 15, наверное, сразу нагромождены вот в этот кусочек кода. То есть, чтобы, например, мне его объяснить вам, как это работает, мне нужно часа три, наверное, потратить, если не больше. И то вы не поймёте, скорее всего. Поэтому это продвинутый уровень, освоив который вы можете считать, что вы на уровне написания кода вы — middle.
Что такое middle? Middle — это программист опытный, который может писать продвинутый код и который может решить практически любую задачу. То есть, если вам скажут: "Разработай задачу, где там что-то продвинуто назовут, да, там целые целый там этот функционал маркетплейса какого-нибудь там сделай основу хотя бы там ещё с какими-то, например, с добавлением чата, там с сотрудниками через там специальные технологии Websocket называется", и middle программист сделает, а Junior он не сможет, потому что он будет спрашивать, спрашивать, спрашивать и ему будет будет тяжело. Middle программист сможет сделать. И то, что мы сейчас обсуждаем, продвинутый уровень, это называется middle. Middle — это означает, что практически любую задачу вам дадут, вы её сделаете. Если прямо супер что-то сложное, нетривиальное, необычное, где нужно выбирать между технологиями и так далее, это будет сложно, и вы будете спрашивать, но не получится сразу сделать, но 80% задач middle программист уже может делать. И middle level — это то, к чему мы стремимся. То есть, невозможно дойти до максимального уровня, до Senior там за короткий срок прямо. То есть, например, за год — это нереально. За год, чтобы дойти до уровня Senior, нужно быть прямо очень умным, прямо, я не знаю, таким уже гением изначально. И при этом тратить на учёбу плюс работу. То есть, в идеальных условиях часов по 10, наверное, в день или по восемь, я не знаю. Ну, тут нужно прямо очень огромные усилия, чтобы дойти до уровня Senior. Это следующий уровень. Поэтому за этот год, который мы будем работать, мы доходим, иншаалла, до уровня крепкого middle, крепкий, серьёзный middle уровень, который получает зарплату 150-200 тысяч рублей и полностью выполняет свои обязанности. Наша цель, чтобы мы были на таком уровне, на котором мы наши обязанности полностью будем выполнять наилучшим образом. То есть, то, что ждут от middle программиста, мы должны всё закрывать. То есть, должны быть крепкими, сильными программистами. Для этого нужно на продвинутом уровне вот это всё изучить. На самом деле я не хочу вас там аббревиатурами всякими закидывать. Там ещё много чего есть. Если перечислять все технологии, которые есть на фронт-энде, там их будет штук 30 или 40, то есть много разных. И тот, кто на уровне middle, он разбирается, в принципе, везде. То есть, там 20 технологий с чем-то, он все примерно знает. Там со всеми уже почти работал. Это постепенно. Постепенно. То есть изначально, если вам показать, вообще ничего не будете понимать, вам будет казаться, что это вообще жесть, и вы будете понимать: "Вот теперь я понял, почему за это платят такие деньги, потому что я такая: "Пепец, как тяжело". Просто. Ну вот вот это вот вот в этом разобраться, например, нужно реально много очень сидеть, думать, изучать. Вообще это реально не просто. Это как вот взять и там на продвинутом уровне научиться разговаривать на арабском. Там зако. То же самое здесь. Писать код на таком уровне тоже непросто.
Вот сейчас я я сейчас увидел, кажется, вопрос в чате. >> Вопрос. >> Ага. >> Ассаламу алейкум, брат. >> Алейкумсалям. >> Хотел спросить, джуниор и мидл разработчик на Ангуляре, он по большей части занимается вёрсткой или вот программированием, логикой? >> Любой фронт-разработчик занимается вёрсткой процентов 10 от своего времени или, ну, 15-20. То есть, вёрстка — это самая такая маленькая часть программирования, которая просто нужна для того, чтобы хоть что-то отобразилось. Но основная часть работы — это программирование само по себе. Вот я на Ангуляре примерно прикидывал, сколько я трачу на вёрстку. И это получалось примерно процентов 5 или 10 от времени, что я пишу код, я трачу на вёрстку, потому что вёрстку написать — это самое лёгкое, что вообще есть. То есть, ты на работе сел, за полчаса написал вёрстку, а потом сидишь часов пять пишешь код. Поэтому вёрстка, хоть вы будете на Ангуляре, хоть вы будете на Реакте, хоть вы будете на View.js, в любом случае вёрстка будет занимать очень мало времени, и это будет самое лёгкое. То есть, просто написал вёрстку и дальше уже пишешь реально то, что нужно. Вот.
Затем при стабильном обучении до Junior за полгода реально дойти. За полгода можно дойти и до middle, если в день уделять где-то 5 часов. Но если уделять там час-два там, то это будет что-то среднее между Junior там и middle. Затем Асламбек Шатаев пишет, что за 3 месяца предполагалось в прошлом менторинг. Это неправда. За 3 месяца предполагалось в том, в позапрошлом менторинге, можно сказать, когда человек уже год учился сам. Ко мне приходили люди, которые уже год или больше сами изучали, и они уже знали, они уже знали полностью базу, полностью базу программирования и уже какую-то половинку от продвинутого уровня. И за 3 месяца я их дотягивал, чтобы они уже были полноценными, прямо сильными. А вы с нуля вообще, понимаете, это вообще другое. То есть, изучение с нуля >> первых трёх шагов — это, ну, полгода как раз. А те люди, которые приходили и за 3 месяца устраивались на работу в том старом менторинге, который у меня раньше был, это были люди, которые до меня уже год учились, как минимум, год, полтора, два, кто-то может полгода, но все сначала уже были с базой, просто не могли устроиться, и потом я их подтягивал, и мы устраивали их на работу. Продвинутый уровень примерно поняли, это уровень middle, к которым мы стремимся.
Потом следующий шаг. >> Вопрос. Секундочку. >> Да. >> Вот если мы как бы делаем внешний вид, потом мы там пишем каждая кнопочка что делает, а что тогда этот делает? Что входит тогда в backend разработки? >> В backend разработку что входит? Это то, что хранится в базе данных, например. То есть, когда вы открываете сайт, например, например, вы открываете там соцсеть свою, да, вот вы открыли Telegram, то, что вы видите в Телеграме внешне, это отображает фронт. Но данные-то откуда берутся? Данные берутся из бэкэнда. То есть, сами данные, они лежат в базе данных, а база данных находится на сервере. А сервер — это то, что пишут уже бэкэндеры, то есть, фронт, разные направления. Это мы ещё можем подробно обсудить. Вот смотрите, вот внешняя часть, то, что вот я сейчас выделяю, это всё frontend, но эти данные, они приходят с бэкэнда. То есть, например, вот это название Mentoring Users App, которое здесь написано, это название его не было. Это фронтендеры не пишут. Фронтендеры просто пишут: "Потянуть данные откуда-то там, сделать запрос и подставить". А, чтобы вы поняли, вот я перезагружаю страничку. И вот здесь, видите, вот всякие разные разные разные там данные приходят и так далее. Вот здесь среди них есть данные о том, что где открылось. Вот, например, фотография пришла какая-то. Видите? А, короче, фронтендер запрашивает данные из базы и отображает на экране. Бэкэндер он с этими данными работает, достаёт их, преобразует, сохраняет и так далее. То есть, получается, есть склад с данными, а есть как бы внешний слой, который позволяет работать с этими данными. И мы на фронт-энде делаем внешнюю часть, чтобы люди могли пользоваться. А по факту все данные лежат на бэкэнде. Бэкэнд — это сервер, на котором база данных и всё это хранится по специальному. Там у них тоже свои технологии. И это вообще разная, это разная работа абсолютно. То есть, они тоже код пишут, но у них там вообще и другие языки, и другие технологии, всё другое. То есть, любой любой проект обязательно frontend разработка должна быть и разработка.
Ну, как правило, да, разработка точно должна быть, но иногда можно заменить специальными тоже технологиями, которые делают лёгкий такой эээнд. Например, есть такая штука Firebase называется. Вот это такая база данных, которую можно настроить с помощью мышки просто, и у вас как будто бэкэнд уже есть. При этом вам программист не нужен. Но серьёзный бэкэнд, он делается прямо программистами отдельно.
Вот следующий уровень после продвинутого уровня middle, именно написания кода, это оформление резюме. Оформление резюме и отклики. Это ключевой, большой, >> тяжёлый этап, который в себя включает целую там кучу процессов, то есть как резюме оформить правильно и так далее, там как искать вакансии, где искать, где это смотреть, понимание тонкости рынка, там, где что можно писать, мой, что нельзя в зависимости от региона, как откликаться там, там каждым месяцем это всё ещё усложняется. Это целое искусство стало. Оформить резюме и откликнуться так правильно, чтобы тебя пригласили на собеседование, это большая-большая тема. И у нас этому будет прямо отдельные отдельные целые этапы посвящены, где мы это будем всё изучать. Изучать то, как там резюме составлять. У нас там есть целые разборы там на 3 часа, где мы разбираем разные резюме, выходим, находим там ошибки, как его, как их улучшить и так далее. И этот большой этап, он следует за за тем, чтобы стать уже программистом. То есть, сначала ты становишься сильным программистом на реальном опыте у нас, не просто смотря уроки, там, переписывая какое-то, а реально делая задачи. Затем оформляешь резюме, правильным образом отвлекаешься там на вакансии, так, чтобы выйти уже на рекрутеров, общаешься с рекрутерами. И такой уже последний этап — это собеседование и трудоустройство. Туда же можно испытать структуры засунуть.
>> Так, брат, ты меня слышно? Так, кто-то кто-то что-то спросил или у меня послышалось? >> Вопрос был. >> Да, слушаю. >> А, я хотел спросить, вот, может, тебе уже задавали такой вопрос, но ты сам пробовал сейчас отвлекаться, ходить на собеседование? >> Что >> ты
Пробовал отвлекаться и ходить на собеседование?
Ну, конечно, конечно, пробовал. Я где-то больше пяти собеседований проходил и 12 у меня было мест работы, там больше десяти. Конечно, пробовал.
А вот именно за последнее время?
Последнее время нет, последнее время я лично не откликался, но у нас есть много ребят, которые этим занимаются, и я с ними на связи. Вопрос в чём?
Нет, в чём именно вопрос? Что что надо что разобрать?
Если вопрос в том заключается, есть ли актуальная информация о том, что сейчас на рынке спрашивают на собеседованиях и как нужно оформлять резюме там, чтобы откликаться. Во-первых, пока что нам на этом этапе рано подробно это обсуждать. Во-вторых, всё есть и информация, как резюме оформлять, и как откликаться, и что на собеседованиях, и что спрашивают, и на испытательном сроке, и везде. То есть это, это этапы следующие, которые будут, иншалла, и на них у нас всё, всё нужное тоже есть.
Вот собеседование, трудоустройство — это следующий этап, которые тоже за последнее время претерпевает изменения, там усложняется и так далее. Компании сейчас не торопятся нанимать программистов, они прямо тщательно выбирают, из-за этого на собеседовании вопросы усложняются и так далее. То есть там есть там перечень, например, там там 100 типичных вопросов, например, там нескольких десятков, которые чаще всего спрашивают. И у нас будет, иншалла, будут разборы, где мы будем полностью прямо готовиться к собеседованию.
То есть подготовка к собеседованию так, чтобы его пройти — это этап, который может занять нам, например, пару месяцев. То есть одно дело — это стать программистом крутым, другое дело — это пройти собеседование, то есть попасть на него и пройти, потому что на собеседовании, чтобы вы понимали, собеседование и работа — это вообще разная. То есть на собеседовании у вас проверяют не то, как вы пишете код, а то, как вы готовились к собеседованию. Ну, скорее всего, так на большинстве работ. Так, то есть от вас требуют, чтобы вы знали, там, глубоко понимали, могли там что-то ответить, рассудить, какие-то там тонкие на тонкие вопросы, там подсветить ваше понимание и так далее. На собеседовании, например, вас вам просто открывают редактор, говорят: "Пиши код". Короче, вот такая задача. Что что ты как решишь? Я и ты должен написать код, показать, объяснить и так далее. То есть там целая отдельная отдельный процесс того, как пройти собеседование.
И, ээ, к сожалению, собеседования зачастую такие, что это абсолютно оторванная от реальности штука. То есть то, что мы вы будете изучать здесь вот первые там первые три этапа, да, вот именно программирование и так далее, этого будет недостаточно, а нужно будет ещё отдельно изучать тонкости джаваскрипта, как он работает прямо там под капотом, тонкости тайпскрипта, какие-то там, ээ, тонкости ангуляр ещё плюс там с каким-то смежных технологий и так далее. То есть отдельный нужен этап прямо подготовки к собеседованиям. И там нужно не просто умение там рассуждать, там теорию понимать, а ещё и такая вещь, которая называется софтскилы.
Софтскилы — это умение общаться просто, грубо говоря, это навыки ээ всего, что не касается написания кода. Есть skill. Хардски. Это это что касается технологий, как как вы пишете код, грубо говоря. А есть soft skill. Soft skill — это как вы проходите собеседование, как вы ставите задачи, объясняете, там презентуете и так далее. И оформление резюме, отклики на вакансии и собеседование, там, трудоустройство, испытательный срок, это во многом связано с софт skill, то есть нужно будет развивать в себе коммуникативные навыки. То есть по-любому нужно будет приходить на собеседование, по-любому отвечать на вопросы и так далее. То есть это от вас ждут, что вы вальётесь в коллектив, что с вами будет приятно общаться, что вы сможете там, что вы на собеседовании сможете порассуждать по поводу там ваше вашей работы, по поводу различных моментов, по поводу технологий и так далее.
И вот эти вот два этапа последних, резюме, отклики на вакансии, там собеседование, это они ключевые, на самом деле. То есть вот это вот первые три, это понятно, да? Вот я вот вам базу всю вот эту вот расскажу там за за, может, за неделю, да? Базу мы эту возьмём за месяц, за полтора и там за следующие ещё там 2-3 месяца мы возьмём продвинутый уровень, иншалла. И, грубо говоря, вот за полгода мы можем при должном старании полностью взять вот это всё. То есть за полгода мы можем полностью освоить программирование на том уровне, на котором уже можно работать. Но основная сложность начинается вот именно на этих двух этапах. Почему? Потому что там уже люди начинают бояться, начинают чувствовать неуверенность в себе и так далее. То есть человек просто говорит: "Я себя чувствую, что я вообще, короче, ничего не знаю, ничего не умею. Хоть я там код пишу, всё равно на работе, наверное, и не смогу". Начинаются сомнения, страхи выходят. Ну реально, это же сложно, например, прийти на собеседование, отвечать на вопросы там полтора часа. Это психологически сложно. Вот. И очень многие именно заваливаются на этом этапе. То есть писать код — это не так сложно, хоть это объективно сложно, пото что нужно много думать, там вникать, но переходить через страхи и идти реально там устраиваться на работу и уже с людьми обсуждать код, так скажем, и показывать свои знания, это уже сложнее.
Это уже сложнее, но это не экзамены. То есть собеседование — это не экзамен. Вам не ставят за него оценку. Вас просто либо берут на работу, либо нет. По факту есть трудовое трудовые договора, трудовые отношения, рынок работодателя и работника. И всё, что происходит — это встречаются работодатель и работник и обсуждают условия, как они будут работать, подходит ли работник работодателю, подходит ли работодатель работнику. И в этом ничего такого нету. Просто это настолько как-то в голове накручивается со временем, что человеку сложно. Он почему-то боится. Вот. Ну, по факту ты, если ты искренне хочешь понять, подходишь ты или нет, и если ты подходишь, ты хочешь искренне помочь компании выполнить там работу, которую они от тебя ждут, то, ну, откуда страх убраться, например?
А если человек хочет как можно больше, там у него цель не не быть полезным в компании, а у него цель просто бабки заработать, например, то он будет вообще по-другому мыслить и по-другому подходить и будет больше волноваться, когда у него цель не компании помочь ээ на условиях договора, а когда у него цель просто вот пробиться в эту в эту жизнь, где он будет кайфовать, типа, и там работать из дома. Конечно, разное вообще понимание, разный подход, разное мышление и разный уровень стресса. Вот поэтому здесь зависит сильно вообще от мышления.
Если у вас будет правильное намерение, тогда вам будет гораздо легче. Если вы говорите: "Я ради Аллаха, хочу свою семью обеспечивать, хочу помогать компании, в которой устроись, хочу помогать быть полезным, помогать реализовывать проекты. Ну в чём тогда вам чувствовать какую-то неловкость, тревожиться? Если вы реально приходите, хотите помочь? Вы говорите: "Я хочу вам помочь, хочу у вас работать, хочу заключить договор, чтобы мы с вами работали. Я я хочу быть полезен компании, чем смогу". Вот если у вас такое намерение искреннее быть полезным, то вот эти два этапа, резюме, там отклики, собеседование, они гораздо легче проходят, понимаете? Да.
А если у вас намерение просто для себя, чисто, чтобы заработать там, это уже как бы другое. Тут уже начинается другое мышление, короче, когда ты, что бы ни стало, хочешь пропихнуться, чтобы там деньги получить. При этом ты уже изначально, если ты с таким подходом пропихнуть себя, чтобы деньги получать, ты уже себя чувствуешь в неудобном, уязвлённом положении. Изначально ты ещё не устроился, но уже твоё мышление тебя выдаёт, что ты хочешь просто залезть и деньги получать. Конечно, ты себя будешь чувствовать некомфортно перед работодателем, и ты будешь себя чувствовать, ну, какой-то фальш в самом себе и такой страх, что тебя разоблачат, что на самом деле ты просто хочешь деньги, например. А, ну, по факту деньги-то все хотят, но если у тебя будет намерение не просто ради денег, ты тебе реально интересно, ты реально хочешь быть программистом, реально хочешь быть полезным компанией, реально хочешь помогать, и это делая вот по договору, за который тебе будет оплачивать за твои навыки, то в чём проблема? Проблемы вообще нету. И вот я советую так мыслить.
Я вообще советую посмотреть на Ютубе видео, которые Я же я же там книжку накидал такую простою и там видео есть на 3 часа на Ютубе, которое называется Путь мусульманов программирование. И там как бы излагается именно внутренняя мотивация для того, чтобы программирование. И как к этому вопросу вообще подходить. Если подходить к этому с правильным намерением, с правильным настроем, то, что я реально хочу быть полезным, реально хочу помогать, я реально хочу честно делать свою работу, то тебе нечего скрывать, и ты как бы реально вот искренне относясь к людям приходишь и говоришь: "Я хочу у вас работать, хочу приносить пользу, хочу получать за это деньги". То есть у тебя как бы внутри всё открыто, свободно, чтобы транслировать свою позицию. И тогда будет легче устраиваться, чем если вот я мечтаю там бабки делать, сидеть из дома там и так далее. Это всё равно, это всё равно видно. Поэтому очень важно вот на этих двух этапах последних, мы же говорили про софтскилы, вот софтскилы связаные с общением и так далее, а это всё связано с вашим намерением очень сильно. с вашим намерением и с вашим вообще мышлением, как вы будете подходить вообще к всему процессу.
Поэтому я сильно советую посмотреть видео на Ютубе, ээ, которое называется Путь мусульманов программировании. Это это у меня на Ютубе, а я его прикреплю. Знаете, как у нас первый созвон был, я там тайм-коды проставил. Следующее. Я сейчас буду там, иншалла буду делать конспект. То есть у нас будет, иншалла, в ноушене прямо документация, где вот первая часть, там вводная, например, туда будет прикреплено видео, тайм-коды и конспект того, что у нас было, чтобы вы могли каждый раз видео не пересматривать, а просто по конспекту там освежить в памяти, например. И вот это видео тоже. И я туда в конспект, в эти материалы прикреплю то видео, которое тоже рекомендую сейчас посмотреть про путь тьму путьмус майнов программирования. Она называется там книжка где-то страница 80. Если видео смотреть долго, просто можете книжку тоже открыть, прочитать быстренько. Я всем советую, чтобы именно на уровне намерения, на уровне понимания, чтобы было, знаете, какое-то вот чёткое понимание и принятие того, зачем это всё. То есть не хватает смысла в фразе типа просто, чтобы деньги зарабатывать и всё. То есть понятно, что если вы сейчас у вас там недовольство своим уровнем жизни из-за того, что работа не очень, зарплата и так далее, а вы хотите просто больше зарабатывать и свободно жить, но этой мотивации и этих смыслов их недостаточно, чтобы такой долгий путь проходить. То есть из того, что я сейчас зарабатываю там средненько и мне не нравится к тому, что я буду зарабатывать больше и работать удалённо, это мотивации недостаточно.
И действительно лучше, если более объёмно, комплексно подойти к вопросу: "А зачем вообще, для чего?" Вот если вы изучите и поймёте, например, что стать программистом нужно не просто, чтобы там зарабатывать, а чтобы переехать вот в Медину, например, жить здесь, да? То есть там очень много польз можно, например, а вы можете заранее уже взять намерение, что я хочу стать программистом, набрать опыта. потом открыть свою IT-компанию, да, или, например, хочу тоже преподавать программирование, да, или, например, там открыть студию, где там брать, ну, студию IT, где разрабатывать проекты, то есть под заказ, там у заказчика брать. Либо, например, у вас есть идея какого-то проекта, может, там проекта для умы мусульман или проекта для какой-то пользы, там для общества, который вы хотели бы сделать. И вы понимаете, что став программистом и прокачавшись в этом, вы в дальнейшем сможете, иншалла, вот это вот реализовать вашу цель, например, да, там и жить в Медине, например, да, или в стране, которой вы хотите, и там освободить себе время там для посещения уроков, занятий, для поклонения, для там, чтобы собрать людей, например, делать какие-то проекты полезные.
Если у вас в намерение будет включено, вот это ещё если вы реально будете хотеть приносить пользу компании, в которой вы хотите работать, то вообще все шаги вам быстрее будут даваться и будет легче, потому что есть смысл и есть прямо продуманная стратегия, для чего это всё нужно. Особенно это важно будет на последних двух этапах, потому что можно как бы просто сидеть код изучать, но когда нужно будет реально идти с людьми разговаривать, понятное дело, что когда ты с людьми общаешься, там уже нужно как-то себя позиционировать. Зачем это всё мне? Для чего? Вот если вы будете внутри именно наполнены каким-то смыслом и знать, к чему идёте, для чего, то вам будет легче сильно.
Например, я изучал программирование для того, чтобы в Египет учиться поехать. У меня изначально была эта цель, и она была настолько сильная прямо, что я вообще даже не помню, как как это всё время пролетело. Настолько я был увлечён. Я помню, что я вообще вообще вот, например, я Ютуба не смотрел, там ни Instagram вообще в соцсетях я вообще не сидел. Я только занимался вот работой, семьёй и всё. и там спорта, может, у меня в жизни вообще ничего лишнего не было. И просто я мог просто заниматься программированием хоть целыми днями. И настолько вот себя посвятил этому, что довольно быстро получилось всё освоить и и довольно быстро получилось в итоге переехать и реально вот удалённо работать в Египте программистом и жить там в другой стране и изучать арабский и так далее. лишнее из жизни нужно, я я считаю, что нужно убирать.
Вот я вспоминаю себя просто в то время, когда я программирование изучал, у меня в жизни не было вообще вот ни Инстаграма, никакого там, ни соцсетей, ничего вообще. Я просто вот только я занимался религию, изучал ислам, там смотрел ролики, там подкасты слушал вот аудио, там лекции по исламу и горел желание переехать изучать арабские. Вот вся моя жизнь, она заключалась в том, что я хотел переехать в Египет и всё как бы. И вот этот у меня вся жизнь заключалась в этом. И как бы я всего себя отдал этой цели, чтобы переехать жить в мусульманской стране. А для этого мне подвернулось программирование. И из-за того, что как бы ты твои все намерения устремляются туда, для тебя это становится легче. То есть ты понимаешь, что какой у меня ещё вариант переехать в Египет, там жить, кроме как стать программистом. И я прямо жене такой объявил, что когда я решил стать программистом, я жене сказал, что других вариантов нету. Говоришь: "Всё, я до конца иду. Что бы не было, хоть будем сидеть без денег, я не пойду никем работать, только буду программистом и всё". Она так чуть посомневалась. Короче, я говорю: "Всё, нет, точно, стопроцентно. Я вот сажусь и не встану, пока не стану программистом". В таком духе говорил. И вот реально серьёзно взялся, и Аллах облегчил, и всё получилось.
Вот поэтому я советую тоже, чтобы это было не просто учёба, ради учёбы, там, ради денег, ради себя, а чтобы это было наполнено каким-то смыслом. В общем, тема созвона была сегодня, где мы шаги для трудоустройства обсудили, и они такие, что сначала база, которую сейчас мы проходим, затем база программирования, именно там освоение программ. вёрстки базовые, там программирование JavaScript и так далее. Затем продвинутый уровень, чтобы именно уже быть мидлами, мидл программистами серьёзными, которые прямо готовы большие проекты делать. И затем резюме, отклики, большая тема, объёмная и собеседование трудоустройства тоже огромная большая тема, где порой нужно будет там собеседований пять или 10 пройти, чтобы устроиться. И я закончил тем, что всё вот это вот, если вы изначально наполните смыслом, для чего, почему, зачем, то есть это какая-то будет цель большая, мечта какая-то, то это будет гораздо проще, легче с правильным намерением ради Аллаха это будет гораздо проще, чем просто так вот я сел и пишу код.
Вот это всё то, что мы успели сегодня. У меня уже время выходит, сейчас азан будет. И дальше у нас вот типы компании, процессы. Про испытательный срок буду рассказывать. Вот, в принципе, редакторы кода, вот это вот всё. Это хотя бы базово мы сейчас изучили. А я документ подготовлю, где вот это всё типа конспекта будет. Видео с тайм-кодами, всё иншалла подготовлю, скину. А следующее занятие послезавтра. А, подожди, это пятница? Ээ, скорее всего, в пятницу, я думаю, в пятницу и в воскресенье можно будет. То есть вам нормально? Надеюсь, что если у нас будет за неделю там по по три занятия. Вот. Ээ, в общем, всё, скидываю запись. Всё, сейчас у меня уже будет назан. Давайте закончим запись.