Programmer Way | IT и фриланс

​​Регулярные выражения. Что можно легко нагулить, но трудно написать? Да, те самые регулярки, до этого я считал их сложными и непонятными, да и зачем их учить, если легче нагуглить, так или иначе, это все равно часть джаваскрипта, которую желательно знать(но не обязательно) Регулярки чаще всего используют для форматирования строк и фильтрации их значений, например нам нужно задавать цвет в шестнадцатеричном формате через инпут, который должен принимать цифры от 0 до 9 и буквы от a до f, для этого мы можем легко использовать регулярку, рекомендую видео, в котором автор простым языком обьясняет основные возможности regex:

Онлайн-курс «Профессия Тестировщик» — это возможность получить актуальную IT-профессию с нуля и начать работать уже через три месяца после старта обучения.   "Тестировщик в буквальном смысле проводит краш-тесты программных продуктов: продумывает, что и где может сломаться, прогнозирует сбои и находит ошибки в приложениях, сайтах и программах, чтобы продукт вышел работоспособным. Он должен всеми способами испытать надёжность и удобство сервиса на этапе разработки. Все найденные уязвимости и недочёты тестировщик заносит в отчёт и отправляет программистам на доработку. Мы обучим тебя комплексному тестированию сайтов и приложений, а также поможем стать востребованным специалистом и устроиться в крутую компанию.     Переходи по ссылке и регистрируйся. Первые 6 месяцев обучения бесплатно!▶️ https://clc.am/-fqsqA

​​React формы. Самое частое, что приходиться делать react-разработчику — это создавать различные формы, ведь чтобы узнать желание пользователя, достаточно просто создать нужную форму, порой формы не ограничиваются двумя полями и кнопкой, а делаем большую форму, с валидацией, шагами, к которым можно вернуться, и загрузкой файлов, в видео автор попытался создать такую форму PS: Обновил превью, дизайнер: @shyngys_n

Как я взял большой заказ. Всем привет! В последнее время посты выходили довольно редко, все потому, что я работал над заказом, о чем и расскажу в этой статье, за это время произошло много интересного, о чем хочется рассказать, поэтому теперь посты будут выходить регулярно, прошу поддержать статью прочтением https://teletype.in/@programmerway/big-order

​​Интересный случай. Всем привет! Верстаю сейчас интересный сайт, скоро напишу большую статью, а пока решил поделиться одним полезным видео. Все чаще я начинаю замечать элементы(обычно это изображения), выходящие за пределы контейнера, когда она занимает 50% от ширины вопросов не возникает, но если вдруг ширина отличается, то возникает ряд трудностей, о них подробно можно посмотреть в видео:

Как улучшить свои навыки в веб-разработке, фронтенде и вёрстке? Просто подписаться на канал «Просто: разработка» и читать ценные статьи, а также авторские наработки от веб-разработчика с десятилетним опытом. YouTube-канал с уроками, а также чат на тысячу человек — прилагаются. Подписаться тут: t.me/prostorazrabotka

​​Анимация в React. Порой мы хотим сделать плавный переход на другую страницу или анимировано скрыть/показать компонент, для этого обычно используют такую библиотеку, которая называется React transition group, она позволяет контролировать ход анимации, благодаря навешиванию определенных классов на компонент, с ее помощью можно делать красивые переходы или микро-анимации К каждому класс можно добавить keyframe анимацию, так же доступны события состояния анимации, что иногда бывает очень полезно. Нашёл короткий курс, в котором автор подробно рассказывает про работу данной библиотеки, ссылку прикреплю к посту:

​​Асинхронность. Js однопоточный, интерпретатор выполняет код последовательно: строчка за строчкой, команда за командой. Поэтому если у вас есть какие-то сложные расчеты, то пока они не выполняться, весь следующий код не отработает. Все вроде бы логично, но как быть, если нам нужно отправить запрос на сервер или провести какую-то асинхронную операцию, в таком случае js обращается за помощью к Web API, благодаря нему мы и получаем доступ ко всей асинхроннщине в языке Существует call stack, который отвечает за выполнение кода, когда туда попадает какой-то асинхронный колбэк, то он передаётся Web API, который производит нужные операции и помещает коллбэк в очередь коллбэков (callback queue). Отдельно стоит отметить event loop — это цикл, который следит за стеком вызовов, и если он пуст, то он помещает туда коллбэк из очереди и он выполняется. Для закрепления советую посмотреть небольшое видео:

С чего начать карьеру в IT? IT – самая быстрорастущая индустрия. Абсолютно любой IT-специалист может похвастаться зарплатой выше средней по стране. Если вы хотите работать в IT, но не знаете с чего начать — подпишитесь на канал @digital_epoch.  Автор канала — программист с большим опытом и сейчас он запускает серию статей про IT, в которых простым и понятным языком рассказывает как и с чего начать, какие сейчас популярные направления, чем отличается Tech Lead от Team Lead и вот это все. А для тех, кто уже в теме и следит за IT-сферой, на канале каждый день выходят актуальные новости IT гигантов (Yandex, Telegram, Apple, Google, Facebook)

​​Firebase. Если вы не хотите или не умеете писать бэкенд, то вы можете воспользоваться этим сервисом, вкратце это облачное хранилище, позволяющее хранить и взаимодействовать с данными в json формате. Сервис бесплатный и покрывает большенство потребностей, но есть и платная версия Я сделал простенький чат с гугловской авторизацией, довольно простой функционал, решил выложить на их хостинг, чтобы потестить, но с первого раза мне не удалось задеплоить проект и мне выдало ошибку, нашёл туториал какого-то индуса и все заработало(если кому пригодиться, то вот ссылка). Это мой первый проект на реакт, который работает не только у меня на локалке. Код и ссылку на чат прикреплю к посту, заходите, пообщаемся:)

JavaScript — самый популярный язык программирования, по данным GitHub. Он позволяет сделать сайт интерактивным и поэтому применяется почти на всех веб-ресурсах. На бесплатном вебинаре GeekBrains вы разберетесь в основах JavaScript и поймете, хотите ли изучать его. Занятие будет полезно тем, кто интересуется программированием и задумывается, с чего начать. На вебинаре вы: — Напишете простой код и запустите его в браузере; — Познакомитесь с переменными, ветвлениями и циклами; — Создадите простую консольную игру «угадай число». Спикер Павел Тарасов. Ведущий веб-разработчик с опытом более 10 лет. Преподает в GeekBrains c 2016 года: провел более 300 курсов и обучил более 18 000 человек. Доступ к новым знаниям — по ссылке:https://geekbrains.ru/link/BJxPMH

​​Самодельные хуки. В видео автор показывает самые популярные использование кастомных хуков, это позволяет убрать повторение кода и переиспользовать функционал, так же весь код из урока доступен на GitHub. Больше всего мне понравился хук useScroll, который позволяет делать бесконечную прокрутку и подгрузку блоков, правда его можно оптимизировать, но это будет уже домашним заданием PS: всех с 8 марта! :)

Как дойти до зарплаты тимлида за пол года? Тебе нужно лишь перестать терять время сделав две простые вещи: 1. Начать слушать лучшие подкасты из Гарварда, Пристона, Кембриджа и крупных айтишных команд по front-end, back-end, QA и Data Science.  2. Кайфовать, поглощая охрененную инфу в очереди или по дороге на работу, пока другие деградируют! Подписывайся и возьми свой graduation первым в офисе!

​​Замыкание. Если по-простому, то это функция, имеющая доступ к переменным родительской функции. Это позволяет нам как бы «замкнуть» нужные переменные, доступ к которым будет иметь только возвращённая функция, это происходит потому, что у каждой функции есть своя область видимости. Поэтому даже после выполнения родительской функции, переменные будут доступны дочерней  Это бывает полезно, когда нам нужно снабдить функцию новыми переменными, не изменяя саму функцию(например redux thunk), а так же, когда нам нужно сделать один и тот же или похожий функционал, который должен работать отдельно друг от друга, например: нам нужно сделать несколько счетчиков на странице и чтобы не плодить одинаковые функции, мы можем создать замыкание. Тогда мы просто можем написать: function counter(){  let count = 0;  return function(){   return count++;  }; } const firstCounter = counter(); где counter — функция, возвращающая новую функцию, которая замкнёт переменные родительской. А firstCounter — счётчик, работающий независимо от других счетчиков. И теперь мы можем делать неограниченное количество счётчиков на сайте Так же советую почитать статью про замыкания:

Хочешь оставаться на волне современного фронтенда? Подписывайся на канал «Будни верстальщика»: новости, скрытые фишки, шпаргалки на каждый день, свежие баги и авторские статьи. Всё, что нужно фронтенд-разработчику.

​​Расширяемость. Когда вы пишите простой проект, это не выглядит так важно, но если ваш проект начнёт развиваться, то простота и структурированность кода вам точно помогут, вот пару советов для долгосрочных проектов: •не повторяйтесь, выносите логику по разным файлам, делегируйте ее отдельным частям приложения •не плодите костыли и условия, иногда это оправданно, но если у вас гора из условий, то значит на каком-то этапе у вас что-то прошло не так  •не пишите сложный код, не стоит все упрощать, лучше немного больше написать, но потом спокойно поддерживать Когда я хочу добавить какую-то фичу себе на сайт или исправить баги(благо их достаточно), то у меня уходит очень много времени именно на понимание кода и определения зависимостей, ведь я делал сайт именно для прокачки своих навыков, и если бы я его начал писать сейчас, то некоторые моменты сделал бы по-другому(убрал бы JQuery)

6 марта в 12:00 по московскому времени пройдёт бесплатный вебинар Skillbox по основам веб-разработки. В прямом эфире под руководством опытного разработчика ты с нуля создашь сайт — от написания кода до его публикации в интернете 😉 Подробная программа здесь: 👉👉👉 https://clc.am/8rF22A По итогу вебинара ты: 💡 Научишься верстать веб-страницы. 💡 Сможешь написать простой код на PHP. 💡 Поработаешь с базой данных MySQL. 💡 Узнаешь, как выбирать домен и хостинг. 🔥 Спикер вебинара: разработчик с 16-летним опытом, руководитель команды разработчиков и директор центра подбора IT-специалистов SymbioWay, Даниил Пилипенко. 🎁 Все участники получат в подарок электронную книгу Кей Петерсон и Дэвида Колба «Век живи — век учись» издательства МИФ, а трое лучших — сертификаты на 30 000 рублей для обучения в онлайн-университете Skillbox! Регистрируйся по ссылке и участвуй в бесплатном вебинаре! Закрепи свои знания на практике 😎

​​Математика и программирование. Я уже рассказывал в одном из постов, что я смотрю открытые собеседования. Придумал я одну задачку, решил ее в одну строку и решил скинуть автору канала, звучала она примерно так: «Реализовать функцию plus, которая будет возвращать сумму чисел от 1 до заданого значения»  Но тут автор канала посоветовал мне прочитать про арифметическую прогрессию, после этого он даже выпустил короткий ролик, в котором на похожей задачке разобрал работу этой простой формулы. А потом оказалось, что мы по алгебре как раз сейчас проходим эту тему. Поэтому стоит знать математику и не придумывать велосипеды. Вот, кстати, этот ролик, советую глянуть:

IT Верстальщик - авторский блог про веб-разработку Этот канал для тебя, если ты: - учишь верстку и языки программирования - работаешь верстальщиком/фронтом - интересуешься PHP, Python, Node.js - работаешь бэком, но хочешь быть в курсе последних тенденций в верстке и на фронте в целом

​​Классовые компоненты и хуки. Начиная с версии 16.8 в реакте появились хуки, которые упрощают работу, оптимизируют ваше приложение и избавляют вас от прописывания лишних обёрток, но классы никуда не деваются, они все ещё остаются неотъемлемой частью реакта. Вот 3 причины почему стоит использовать хуки: •Простота восприятия. Новичкам трудно понять классы и this, даже я долго не мог это понять, а использование обычных функций сокращает код, делает его проще и более оптимизированным  •Не нужно лишних обёрток. Архитектура становиться проще, а вложенность — меньше. Это позволяет лучше поддерживать приложение и ориентироваться в коде •Обучение. Технологии будут меняться и это здорово, главное помнить, что новые технологии — новые задачи, соответсвенно придумываются новые решения, плагины, библиотеки, для их решения, а опыт, полученный в других отраслях, помогает придумать необычные решения ежедневных задач и делает наш труд более востребованным