Результаты проверки заданий по интернатуре в Provectus будут готовы до 16 июля. А пока продолжаю онлайн курс в EPAM.
Сейчас готовлюсь выполнять пятое домашнее задание "Responsive", цель которого сверстать макет сайта на чистом CSS в соответствии с предотсавленным дизайном. Дизайн в нашем случае это несоклько картинок PNG, демострирующие layout страниц.

Планирую это задание выполнить преимущественно при помощи CSS Grid, по необходимости дополняя Flexbox CSS. В понедельник покажу результат работы.

Кстати крутой курс по Grid CSS https://cssgrid.io/

Промежуточные результаты по стажировке в Provectus

Первый этап пройден: тестовое задание приняли
Второй этап: пригласили на интервью 24-го июля в 14:00 в офис Provectus

Provectus нашел ребят, выполнивших задание и тест лучше чем я. В ЕПАМе процесс еще продолжается. Хотя при любом исходе в Киев я не поеду. Так что сегодня возвращаюсь к курсу Коттанов. Напомню, что у Коттанов я застрял на 13-ом из 15-ти шагов Stage_0.

Что дальше:

0. Срок: до конца Августа
* Закончить Коттанов
* Вспомнить верстку и JS с самого начала при помощи https://htmlacademy.ru/courses
Пройти все курсы, подписка 160 грн в месяц

1. Закрепить JS, до конца Сентября
* https://coursehunters.net/course/intensivnyy-onlayn-kurs-professionalnyy-javascript-uroven-1
* https://rutracker.org/forum/viewtopic.php?t=5595734
* https://rutracker.org/forum/viewtopic.php?t=5673816

2. Улучшить JS, до конца Октября
* https://rutracker.org/forum/viewtopic.php?t=5673816

3. React, до конца ноября, 2-3 курса по Реакту , что то из этого списка:
* https://coursehunters.net/course/mastering-react-mosh-hamedani
* https://rutracker.org/forum/viewtopic.php?t=5706284
* https://rutracker.org/forum/viewtopic.php?t=5527820
* https://rutracker.org/forum/viewtopic.php?t=5667576
* https://rutracker.org/forum/viewtopic.php?t=5462110

4. Иду на работу, доделываю хвосты по курсам

Пункт №0 из планов (предыдущий пост).

С Коттанами остался последний пятнадцатый курс, однако понял, что не успею. По быстрому вспомнил HTML + CSS + GridCss и двинулся дальше. Причем дальше сразу четвертый пункт - Реакт. Да, решил что уже таки пора браться за конкретный инструмент, а JS по необходимости подтягивать уже в контексте Реакта.

Вспоминаю весну 2017 года, на проект Easyms.co нужен фронтендер. Артем З. (помидор-разработчик) составил задание, где надо было сделать старницу с покемонами + фильтрация + сортировка + поиск. Задание со звездочкой - пагинация. Из двух десятков джунов задание сделали двое. Мы взяли одного из них. Первое время зп была 300 баксов. Сейчас, спустя два года он зарабатывает почти две тыщи.

Мораль проста - делай простые вещи и развивайся уже в процессе.

Идея такая:
1. Прйти 4 курса по реакту, где на протяжении курса создается проект, используя различные инструменты и технологии. Все повторить и написать своими руками без копипаста. Таким образом даже обезъяна кое что запомнит.
* https://coursehunter.net/course/reactjs-s-nulya-do-profi
* https://coursehunter.net/course/react-redux-professionalnaya-razrabotka
* https://coursehunter.net/course/udemy-react16-complete-guide
* https://www.youtube.com/playlist?list=PLcvhF2Wqh7DNVy1OCUpG3i5lyxyBWhGZ8

2. Искать вакансии, ходить на собесы, делать тестовые задания. Потренироваться в тестовых заданиях можно тут
* https://github.com/Hexlet/ru-test-assignments
* https://github.com/maxfarseer/tz-webinars/
* https://docs.google.com/document/d/1koiS38kLUq0fV8MQEs4BNWOMIuWAH3itrPWw833heJE/edit?usp=sharing

3. Запилить пару фичей для Easyms.co (паралельно со вторым пунктом):
* черный список
* мобильную версию шахматки

Несколько дней на Djinni.co сижу и точно прослеживается такой паттерн.

Чем более опытным является инженер, тем меньше в его резюме слов и предложений. Резюме новичка выглядит как ёлка на площади в Новый Год, опытного специалиста - как несколько зарубок на бревне от удара топором

Если ты замотивирован учить JavaScript, React, танцы, поддерживать чистоту дома....

Почему дисциплина гораздо важнее мотивации

Чтобы быть продуктивным, нужно перестать ошибаться в базовых понятиях. Давайте разберемся.
Читать

Афигеть, я сам в шоке!
Завтра выхожу на работу)

Прошло ровно 30 дней с решения переключить внимание с ванильного JS и приступить изучению React.js, а результат уже есть) Завтра у меня первый рабочий день! Мне сделали джоб-оффер после собеса на позицию FE React. Причем вопросы на собесе были только по темам, которые изучал за последние 30 дней на курсе по Реакту. Разговор по скайпу продолжался 30 минут, из которых за жизнь мы говорили первые 20 и потом легкие технические вопросы. В оффере уже выяснилось, что это не прсото React девелопер, а еще немного надо работать с бекэндом и базой. Так называемый стек MERN (Mongo, Express, React, Node). На беседе с СТО я спросил почему пригласили именно меня, и мне ответили, что код в учебном проекте написан грамотно и что его будет дастаточно для старта.

Друзья, делюсь своим двухнедельным опытом.

1. Вчера было промежуточное интервью (каждые две недели в течении двух месяцев) и мне "дали билет" на следующие две недели.

2. Самые сложные были первые три дня. Настолько был потерян и напуган, что написал речь в стиле: "Простите, я тупой, я ухожу". Спасибо моей любимой жене, которая меня поддержала и решил "досидеть" неделю, к концу которой стало явно легче.

3. Пока что делаю мелкие таски типа создание модалки, которая отрисовывает данные из локального стейта или локального стораджа и меняе внешний вид в зависимости от стейта https://youtu.be/02ecLVwyF_Q

4. Вообще то я должен быть фуллстаком и мне вчера уже дали задание учить ноду. Через две недели должен продемонстрировать как написать сервер, создать эндпоинт, отправить на него простой запрос и получить какой то простой ответ. Можно запускать локально.

5. Приходится много всего учить, даже дома на выходных или перед сном. Одним из самых толковых курсов по реакту - это Максимилиан Шварцмюллер (Academind) на Udemy курс стоит 12 баксов. Считаю, что это самая лучшая инвестиция в свое образование за весь последний год.

Старайтесь мужики, бомбите. Успех - это 99% пиздячки и 1% таланата.

Вчера был ровно месяц испытательного срока. Экватор, так сказать.

0. Первые несколько дней было реально трудно и страшно.
1. Приходится учить много новых штук, грызть гранит тупости,
2. ООП в реакте мне пока не нужен, а с новой версией (Хуки) реакт и вовсе будет переходить на функциональный стиль. Так что никакие классы или ООП учить вообще не надо.
3. Нравится идея полустрогой типизации при помощи PropTypes & DefaultProps. Такой себе TypeScript на минималках
4. FLUX (Redux) оказывается гениальная штука.
5. Добавил пару эндпоинтов на бекэнде), аж сам не верю! Эндпоинты делают выборку с базы или добавляют в нее что-то (MongoDB)
6. Есть у нас в конторе еще два свтитчера-новичка. Первому 38 лет, работает уже полгода, ранее работал менеджером по продаже меда, образование пищевой технолог . Второму 35 лет, только закончил испытательный срок (2месяца), закончил политех 2004 году, учил программировать так же самостоятельно много раз бросая и начиная, ранее работал на  PPC (реклама по кликам)

Компаниям не нужны джуны без опыта. Если они и берут их на работу, то с прицелом на далёкое будущее, на свой страх и риск. Ценить этот шаг работодателя и быть попросту благодарным — это честность перед самим собой. К сожалению, мы по-прежнему считаем благодарность и честность признаками слабости.

Подходит к концу второй месяц моего испытательного срока, есть кое что вспомнить:
1. Первый месяц я был до смерти напуган и растерян. Был готов сам уйти, чтоб не выгнали с позором.
2. Первый месяц работал на проекте "Нефть", на котором научился чуть больше чему ничему. По факту привыкал ходить на работу и терперть OSX вместо моей няшной Ubuntu
3. На данный момент уже две недели отработал на новом проекте. Это интернет магазин, мы делаем мобильное приложение на React Native, нас два фротэндера + один бек. Мне реально повезло попасть в этот инересный проект, в котором я каждый день учусь чему то новому и полезному, что дает ощущение волшебства и могущества.
4. ООП - ни разу за два месяца не видел. Ни классов на чистом JS, ни прототипного наследования.
5. Работа с чистым JS идет довольно активно. Методы массивов и объектов, понимание поверхностного и глубокого копирования, чистые функции, мутабельность и имутабельность, протейшая верстака + CSS, REST, Redux (и вообще понимание Flux архитектуры) - это то с чем работаем каждый день.
6. Почему я не начал учить Реакт хотя бы на 6 месяцев раньше? Ресурсы в изобилии и стоят очень дешево. + с моим английским мне тоже повезло.
7. В знак благодарности всем кто отвечал на мои глупые вопросы и помогал в моем развитии - готов так же помочь тем кто изучает Реакт. Пишите в личку.

Хорошая-плохая новость: Мой испытаельный срок продлен на третий месяц. Причина - низкий уровень подготовки.

Что плохого:
1. Могу вылететь из конторы через месяц, если не поправлю положение дел.
2. Я по-насстоящему учился только последние 3 недели из 9 на стажировке
3. Надо найти где-то время учиться новому
4. Бывает много времени неожиданно уходит на линковку (RN), или что то сломалось в Android Studio || Xcode, а это не связанно с программированием на прямую

Что хорошего:
5. Зараплата на третьем месяце будет выше, чем на перввых двух
6. Есть детерминированный список вопросов, по которому меня отсобеседуют прям в канун нового года.
* файл с общими вопросами (буду добавлять ответы в прогрессе) https://docs.google.com/spreadsheets/d/1uoK_uRJgm7T8zP-kxu1rdHx8vZRnSr_0YXOZsH0EjkE/edit?usp=sharing
* подключение редакса
* линковка (эта магическая штука меня вводит в ступор)
* камера (найти любую либу RN и импелементировать в приложение)
* навигация как в мобильном приложении Пикабу (на главном екране есть 3 таба и сайдбар) | * саги | * reselect
* хуки
* graphql (apolo)
7. Надо сделать апликейшн на указанных технологиях (надо уточнить на чистом React или React Native)
8. Верятно - после интервью будет кодинг сессия на лайв демонстрацию скилов.

Что я буду делать:
9. Работе буду уделять только рабочее время. Придется трекать, чтоб точно не больше.
10. На работе сразу после рабочего времени буду задерживаться и уделять время учебе
11. Отслеживать прогресс понедельно.

1. Отпишитесь от этого канала)
Почему: он задумывался как "личная" записаная книжка. Зная, что меня читают, диктует мне писать что то или не писать. Поэтому, если у вас нет твердой уверенности, что точно нужно продолжать читать этот канал - пожалуйста, отпишитесь.

2. Новое - это не всегда хорошо. Одна из причин, почему я пошел в программисты - я люблю новое и эксперименты. Новый язык программирования или новый фреймворк - это интересно и увлекательно, признаю. Однако по-насстоящему что то новое появляется очень редко, примерно как 2-3 раза в 10 лет. Будучи молодым и малоопытным хочется попробовать все подряд, часто это просто пробы по верхам без глубинного понимания инструментов или процессов. Недавно я начал понимать силу и преимущестов консервативизма (может я старею?). Все упирается в ресурсы. В мире с бесконечными ресурсами можно было бы выучить бесконечное количество языков программирования, участвовать в бесконечном количестве проектов и принести бесконечную пользу обществу. Но мы живем в другом мире, поэтому надо выбирать куда направлять свою слишком ограниченную энергию. И прямо сейчас я принимаю решение сконцетрироваться в изучении React Native и бросить все остальное. Сделать это фокусом на ближайший год.
Спасибо Рахиму Д, за эту ценную идею.

3. Сегодня я участвовал в ежегодном новогднем забеге обещаний (желаний). И я понял, что я могу пообщеать себе всего лишь две вещи:
* заботиться о своей семье (Елисей и Галя)
* быть добросовестным сотрудником Zenbit.tech принести всю пользу, что я могу

4. Старый 2019 год - время моего вхождения в программирование) Позади три месяца работы и у меня до сих пор ощущение восторга и невероятности происходящего. Надеюсь, что это было одним из самых удачных решений в моей жизни. Желаю и вам сбычу мечт. Обнял, приподнял.

Для тех кто интересуется React Native)

1. Деструктуризация  из JS объекта происходит по ключу, а из массива по индексу.

2. В React Native на нажатие кнопки в окне Alert можно повесить коллбек: `Alert.alert(
"Invalid number!",
"Number has to be a number between 1 and 99.",
[{ text: "Okay", style: "destructive", onPress: resetInputHandler }]
);` https://i.imgur.com/DBnZMSb.png

3. Для предачи в хендлер параметра можно использовать анонимную функцию или bind https://i.imgur.com/74VO4P0.png

4. Если нужно управлять локальным состоянием в компоненте (local state), однако чтоб:
* новый ререндер не генирировал новое состояние
* чтоб изменение состояния не приводило к перерендеру , то используй useRef
https://i.imgur.com/5tfvZ8b.png
https://i.imgur.com/AhjaaOS.png

Даже если ты фронтендер, то минимум бека знать обязан. Без пафоса и смс.

Back-end for Front-enders, за два часа можно просмотреть как с минимум усилий:
* установить express
* написать 4 эндпоинта
* подключить к MongoDB cloud
* базовое использование Postman
* что такое схемы и модели (Mongoose)
* зачем нужен JWT (Json Web Token) + как его имплементировать в проект
* что значит натереть и присолить пароль (salting and hashing password) и почему это по проавославному
* как ограничить доступ к данным не авторизированным пользователям (middleware authorizationRequire)
* обработка потенциальных ошибок (error handling)

уроки 165-186
https://www.udemy.com/course/the-complete-react-native-and-redux-course/learn/lecture/15707662

PS
курс потрясающий, всего 12 баксов, почему я не знал о нем полгода назад?
https://i.imgur.com/Btp7JeR.png

За последние три дня получил одинаковые вопросы от разных людей, отвеча всм сразу.

1. Ссылки на хорошие материалы для изучения React?

* лично рекомендую, бесплатно, на английском
https://coursehunter.net/course/udemy-react16-complete-guide

* коллега рекомендовал, бесплатно, на русском
https://coursehunter.net/course/reactjs-s-nulya-do-profi

* лично рекомендую, бесплатно, два курса друг за другом на ютубе
- только фронт, с нуля https://www.youtube.com/watch?v=OxIDLw0M-m0&list=PL4cUxeGkcC9ij8CfkAY2RAGb-tmkNwQHG
- фронт + бек (фаербейз) https://www.youtube.com/watch?v=Oi4v5uxTY5o&list=PL4cUxeGkcC9iWstfXntcj8f-dFZ4UtlN3

2. Где взять хорошие материалы на русском?
* легче и быстрее и полезнее выучить английский
* если вы решили учить программирование и не знаете с какого языка начать, то начните с английского (это правдивая шутка)

3. Как же быть если хочу учить программирование прямо сейчас, а английского знаю плохо?
* Смотрите курс Минина (ссылка выше) на русском, повоторяйте, учите
* уже освоенные темы просматривайте у других англоязычных преподавателей, кодить вместе с ними обязательно, субтитры читать обязательно, записывать в бумажную тетрадь все незнакомые слова обязательно, учить записанные слова желательно
* повторить цикл еще два раза через неделю

Дополнительно:
* хороший курс по рекату, стоит 12 баксов (если цена другая, то зайди в режиме инкогнито на сайт) https://www.udemy.com/course/react-redux/
* в пердыдущем посте ссылки на на уроки из платного курса, где за два часа можно понять Express + Mongoo (mongoose)

Ну и в догонку.

Даже если вы ничегошеньки не соображаете в ангельском языка, то простое прослушивание и перепечатывание всего кода поднимут ваш Рекат на порядок. Ну и английский заодно тоже)