DНЕВНИК web-программиста

Всем привет!

Вчера был мой первый рабочий день!

Получил вводные инструктажи по моему проекту, ключи-пароли-явки, Mac mini, для работы из дома (на время карантина).
Все это нужно теперь настроить и подключаться к проекту. Разобраться с кучей новых программ и технологий, освоить Mac OS, разобрать код проекта.

ЗЫ Как же хорошо, что я хоть немного успел ознакомиться с Typescript на прошлой неделе - писать нужно на нем).

Пишу это сообщение глубокой ночью, поэтому сил нет сильно расписывать. Сейчас все свободное время будет уходить на работу, тк не хотелось бы подвести команду, а проект сложный и мне нужно срочно разобраться во всем.

ЗЗЫ Тестовые делать одно удовольствие - получил реальный API и работай без проблем))) Теперь я увидел разницу с реальной жизнью

Как я готовился к собеседованиям.

Хочу поделиться маленьким секретом - начав повторять теорию, я вспомнил как я готовился к экзамену на водительские права. Я скачал одно из первых, в то время, приложений и буквально за несколько дней выучил все билеты!!! Скорость обучения при прохождении интерактивных тестов, где сразу есть ответы и материалы по теме - просто поразила меня.

Решив этот опыт переложить и на программирование, я пересмотрел быстро все свои #задачи в канале и начал искать аналогичные каналы других авторов. Оказалось, что они не очень для меня удобные - объяснений или материалов по теме фактически нигде не было. Иногда даже правильных ответов нет - меня совсем это не устроило, т.к. такое оформление не позволяет быстро повторять большие объемы или подтянуть слабые места.

Короче, я подумал, и решил сделать для задач отдельный канал - чтобы можно было в одном месте максимально быстро подтянуть знания для новичков, а для опытных все время быть в тонусе!

Прошу заценить - Frontend задачи.

PS Это не реклама 👍

Классная подборка популярных ошибок в английском среди it-специалистов.
👉Подробнее

PS Ну, скажите честно, кто из вас читал Xerox как зирокс, а xenon как зинон? Для меня это всегда были "ксерокс" и "ксенон" 🤣

#english

JavaScript

Что будет выведено в консоль?

👉Правильный ответ читаем после голосования 🤣

#задача72

Постоянно в нашем чате кто-нибудь спрашивает публичные API - то погода нужна, для проекта в портфолио, то просто потренироваться на "кошечках".
Вот самая большая подборка публичных API.
✅В закладки!

#js

Viewport - относительные единицы измерения (vw, vh, vmin и vmax).

👉Полное руководство

#css

Резюме

Многие пишут с просьбой объяснить, как написать резюме или поделиться образцом.
Я решил составить образец резюме для начинающего Фронтенд разработчика без опыта работы. Если же у вас есть опыт - просто добавьте его в обратной последовательности.
И не забывайте - резюме должно быть кратким, содержать только необходимую информацию для конкретной должности и ваши данные. Я уместил все на 1 странице - если у вас еще нет опыта работы, то это максимальный объем, который вы можете себе позволить!
Так же рекомендую писать сопроводительное письмо для каждой компании, куда вы отправляете свое резюме - этот прием значительно повышает шансы, что ваше резюме хотя бы прочтут. Главное не увлекаться, три-четыре предложения более чем достаточно для сопроводиловки.

Удачи всем, кто ищет работу!🖖

#собеседование #резюме

Правильный ответ к задаче №71.

Теперь, при создании опросов, Телеграм позволяет добавлять правильный ответ и я хотел было прекратить добавлять к задачам верные ответы и объяснения, но народ требует объяснений и бомбит личку 😂

Да, 22% правильных ответов - это я удачно задачку подобрал. 🤪
А знаете, почему так мало правильных ответов? Потому, что многие не понимают, что используя методы первым делом нужно знать - а что они возвращают???

Метод .push возвращает новую длину массива, а не сам массив! Устанавливая newList равным [1, 2, 3].push(4), мы устанавливаем newList равным новой длине массива: 4.

Затем мы пытаемся использовать метод .push для newList. Поскольку newList является числовым значением 4, мы не можем использовать метод .push: выдается ошибка TypeError.

Поэтому, не забываем смотреть - что возвращают методы, либо функции.

Всем здоровья

JavaScript

Что будет выведено в консоль?

#задача 71

Всем привет!

Когда я проходил собеседования и выполнял тестовые задания, мне попалось одно очень интересное задание, но оно было уровня middle+++ и я просто обсудил его с наставником, не пробуя даже выполнить. В нем был упор на оптимизацию работы анимации.

И вот увидел у коллег свежую статью - Плавность анимации CSS: миф или реальность
Рекомендую 👍

#js #css

​​Перевод руководства по JavaScript, по замыслу автора, как для начинающих, так и для тех, кто немного знаком с JavaScript и хочет привести свои знания в порядок, а так же узнать что-то новое.

Часть 1: первая программа, особенности языка, стандарты
Часть 2: стиль кода и структура программ
Часть 3: переменные, типы данных, выражения, объекты
Часть 4: функции
Часть 5: массивы и циклы
Часть 6: исключения, точка с запятой, шаблонные литералы
Часть 7: строгий режим, ключевое слово this, события, модули, математические вычисления
Часть 8: обзор возможностей стандарта ES6
Часть 9: обзор возможностей стандартов ES7, ES8 и ES9

#js

Многие знают, что TypeScript уже перешел из "желаемых" требований в "необходимые"!

Но не все в курсе, что есть перевод официальной документации. 👈

#ts

​​Всем привет!

Вот и закончился самый простой этап на моей дороге к должности фронтенд разработчика - базовое обучение. Я прекрасно понимаю, что только сейчас начнется реальное обучение, которое я планирую продолжать всю жизнь (да, это планы на сегодняшний день, но на то они и планы 🤣). Я нашел работу!!!

А теперь подробно!

Свое резюме и сопроводительное письмо я отправил в 31 компанию - все что смог найти в своем городе. Правда, только одна компания указала, что нужен junior, остальные middle+
Но пандемия внесла свои коррективы - часть даже не просмотрела резюме, часть ответили, что временно закрывают вакансии, остальные прислали тестовые. Кстати, единственная компания, которая явно указывала junior - одна из последних прочла мой отклик и прислала ответ, что тоже приостанавливают поиск 🤣

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

Кстати, я уже писал выше - почти все тестовые выполняют одну задачу, получение данных с сервера и построение интерфейса. Ха, а что еще SPA делают? 🤣🤣🤣 Так что учите fetch/async/await/promise/try/catch работу с данными (объекты, массивы, строки, даты и тд).

В итоге, я уже выбрал одну из компаний, куда решил идти работать, но пока ответ не давал - я хочу доделать начатые тестовые (отправлять, наверно, уже не буду их, тк решение принял) и хоть немного разобраться с TypeScript.
Да, я говорил ранее, что планировал заняться им уже на работе, но планы изменились - на собеседовании руководитель компании, куда я планирую идти работать, озвучил, что они плотно используют TS и я решил, что нужно воспользоваться последней неделей, что бы хоть что-то успеть.

Короче, пытаюсь за неделю объять не объятное, что бы не ударить лицом в грязь)) Да, я понимаю, что никто не ждет от новичка какого-то чуда и все понимают, что это балласт в первое время, но я как-то не привык так, поэтому чувствую себя крайне не комфортно 🧐

Всем здоровья!

зы Нужно ли мне написать статью - "как я готовился к собеседованиям"? Или вы сами разберетесь? Проголосуйте лайками и я постараюсь написать, если будет много желающих.

ззы Забыл поделиться мыслями, как я выбирал компанию, куда решил идти работать.
1. Отказал компаниям, где я буду единственным фронтенд разработчиком. Думаю, тут все понятно, можно не объяснять.
2. А так же компаниям, с завышенными требованиями. Сначала мне очень хотелось пойти в одну такую компанию, но разум взял верх над эмоциями. Наставник тоже поддержал это решение - слишком велики шансы, что я там буду как слепой среди охотников. А оно мне нужно?
3. Выбрал компанию где будет аж 2 фронтенд разработчкика, а главное там используют React, TypeScript и все самое модное и современное, а это для меня одно и важнейших пожеланий.
4. Но первые 3 пункта по умолчанию подразумевают один не очень приятный момент - уровень з/п у начинающего специалиста совсем не радует.
Поэтому, глобально мой выбор свелся к простому решению - уровень оплаты/перспективы развития. Надеюсь, я не ошибся насчет перспектив.

#план

Best Practices в React на 2020год.

12 простых, но очень хороших рекомендаций, если вы работаете с React.

👉Перевод

#react

Решил, в продолжение темы, поделиться статьей о промисах - после прочтения учебника рекомендую всем читать ее, причем ни один раз 🤣

👉У Вас проблемы с промисами!

#js