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

​​Funiro. Сверстал нереально крутой интернет магазин с работающей корзиной и подгрузкой товара из json. Верстка вышла на совершенно другой уровень: повсеместное использование grid, нестандартные блоки, сложные слайдеры с параллакс эффектом, крутые решения, а самое главное — адаптив Когда нам нужно сделать адаптив блока, то мы действуем по такой схеме: уменьшаем шрифт, отступы, пока верстка выглядит нормально, если контент уже не влезает — изменяем блоки(делаем в колонку или уменьшаем размер). Если с перестановкой блоков все понятно, и от этого нельзя избавится, то с отступами и размером шрифта все немного иначе. Часто мы вынуждены на каждом бреикпоинте уменьшать отступы блоков, подбирать подходящий размер шрифта, который будет смотреться, если вы хоть раз верстали макеты, то думаю вам это знакомо Решением будет простой миксин, который принимает css свойство, значение при максимальном контейнере и минимальное значение, которое будет на 320px, а также тип(по умолчанию 1, и 0, если надо чтобы свойство пропорционально изменялось на любых расширениях, а также 2, если только для расширений больших чем контейнер), подробнее можно посмотреть на курсе или в видео про отзывчивое свойство К посту прикреплю результат и GitHub репозиторий с кодом:

Frontend-разработка — это высоковостребованная услуга, за которую люди готовы платить. Но где найти заказчика? На платных биржах, фриланс-площадках, а можно прямо здесь, в Телеграме! FL Ads — телеграм-канал, на котором можно удобно найти задания разной сложности и цены.

​​Спойлер. Если кратко, спойлер — это контент, который мы хотим скрыть, а по нажатию на заголовок отобразить. Аккордион — это тоже самое, но открытым может быть только один спойлер. Есть два самых популярных варианта использования: когда у нас слишком большой контент, который занимает много места или не является очень важным, чаще всего это ответы на вопросы или характеристики товара; либо когда мы хотим скрыть меню(или любой другой блок) в спойлер на определенном расширении В видео автор делиться собственными наработками, которые позволят сделать любой спойлер + крутая анимация

​​Как стать JavaScript разработчиком и начать карьеру в IT? Решили попробовать свои силы в программировании, но не знаете какой язык выбрать? Присмотритесь к JavaScript. Это достаточно простой в изучении язык для тех, кто хочет начать свой путь с нуля. А также одна из самых популярных и востребованных языков в Front-End. Но как стать разработчиком, если вам не хватает опыта или знаний? ➡️ Международный учебный центр Skillup 2 августа в 19:00 приглашает вас на бесплатный ознакомительный вебинар "JavaScript-разработчик с нуля". Практикующие специалисты, работающие в IT-компаниях, расскажут: 🔸что такое JavaScript и почему он превзошел все языки программирования? 🔸что можно с его помощью разрабатывать? 🔸какие знания и навыки нужны для старта? Можно ли начать с нуля? 🔸что входит в обязанности JavaScript Developer и сколько он зарабатывает? 🔸где искать работу и как устроиться на позицию Junior JavaScript Developer? 🔥На мероприятии будет разыграно 50% скидки на курс среди участников вебинара. 📍Мы ограничили количество мест, так как хотим ответить на все ваши вопросы. Поэтому не откладывайте встречу на потом, регистрируйтесь пока это объявление не потерялось в ленте. Жмите на кнопку и бронируйте место оставив заявку на сайте

​​Fullstack проект. В чем отличие fullstack проекта от не fullstack? В том, что в первом мы делаем сразу и фронтенд и бэкенд части, а во втором — только одну. Если мы захотим сделать fullstack pet-проект, но не знаем бэкенда, то мы можем воспользоваться готовыми решениями, например использовать готовые api, но мы попрежнему будем разрабатывать только одну часть В одной из недавних статей я рассказывал то, что сейчас работаю над своим pet-проектом Music Mix, если коротко, то это музыкальный плеер, где можно слушать и загружать музыку. Но я столкнулся с проблемой: мне нужен был сервер, чтобы хранить аудио и картинки для постов, думал использовать json server, но, как вы уже поняли по названию, он хранит данные в строковом формате(json), поэтому я максимум могу помесить туда путь к файлам, и все опять упирается в бэкенд Я принял решение заморозить проект, пока я не освою node.js, думаю мне надо время, чтобы найти хорошую информацию по этой теме. Основной функционал уже готов: проигрывание песен в обычном и случайном порядке или только избранные, добавление в избранное, поиск по названию, страница избранных и страница всех песен, осталось только внедрить добавление песен и пару фич, но для этого нужен api

progway — блог о программировании. Автор — студент 3 курса, фрилансер, который стремится делиться своими знаниями со всеми. В канале можно найти вопросы с реальных собеседований в вебе с разбором всех мелочей и нюансов. Будь готов к интервью. Подписывайся и обучайся в хорошей компании. progway | @prog_way_blog

​​Качество или количество? Часто слышу мол: «Нужно набрать Х часов, и тогда вы станете крутым программистом», некоторые набирают эти Х часов и всё-таки становятся спецами, но это ошибка выжившего. Многие, набрав эти часы, так и не начинают понимать то, как все устроено. Зачастую эти люди просто ставят себе цель: буду программировать по 14 часов в неделю и через 3 месяца стану программистом, но в это время включается ещё и просмотр обучающих видео, ответы на сообщения, пролистывание соцсетей и тд Да и сами часы могут тратится по-разному: можно тратить на вёрстку банальных страниц, а можно сверстать необычный блок или придумать какую-то сложную логику с неординарным решением. В общем, все эти часы — условность, поэтому только от вас и вашего труда зависит то, как быстро вы станете востребованным специалистом  Ещё часто встречается, что программируют по 10 часов в сутки, а потом неделю просто ничего не делают. Важно программировать регулярно, чтобы код был всегда перед глазами, так вы не забудете то, что выучили и лучше запомните новое

​​Сложность алгоритма. Я думаю вы часто встречали такое понятие, как «сложность алгоритма», но что это такое? Если простыми словами, то каждый алгоритм принимает на вход данные и обрабатывает их. Когда входящие данные будут увеличиваться, то у нас будут расти 2 параметра: время, за которое будет выполняться и количество памяти, которое будет использоваться. Скорость роста этих параметров и показывает нам сложность алгоритма В видео автор на примерах рассказывает более подробно про сложность алгоритма, а также в конце будут задачки на закрепление

​​Как выучить все? Когда смотришь на перечень js библиотек, то думаешь, что ничего не знаешь. Но это не так, и знать все не надо. Если задуматься, то все библиотеки построены на обычных функциях, классах и объектах, которые есть в js, они не приносят ничего нового, поэтому если хорошо знать базу языка, то изучение библиотек не будет такой уж сложной задачей Библиотек много, но не факт, что каждая вам пригодится, библиотека — это лишь решение задачи, например, мне нужно было сделать кастомную аудиодорожку, а до этого я использовал библиотеку noUiSlider для создания ползунков, поэтому я выбрал именно эту библиотеку, так как я уже имел опыт работы с ней. Скорость изучения библиотеки зависит от предыдущего знакомства с ней, понимания принципов работы библиотеки и знаний языка, на котором она написана

​​React Router. Изначально маршрутизации в react не предусмотренно, поэтому для того чтобы менять url без перезагрузки используется библиотека react-router-dom, она позволяет легко и удобно отображать компоненты в зависимости от url, делать редиректы, а так же имеет большой функционал помимо этого, например: вы можете получить значение после определенного пути в переменную, это может быть id пользователя(/profile/:userId) или название пиццерии(/restaurant/:pizzeria). Нашёл небольшой урок про базовый функционал:

Посмотрите, как пишут код уровня Senior Frontend в Google или Uber На собеседованиях и среди коллег обсуждают не работоспособность вашей программы, а то, как она написана. Чтобы ваш код выглядел достойно и опрятно, опытные FrontEnd-разработчики создали канал @seniorFront.  — примеры лучших решений во Frontend-разработке — тесты на проверку знаний, чтобы сравнить свой уровень с уровнем конкурентов — статьи по JS, HTML, CSS за 2020 В каком проекте примените навыки, полученные после подписки на @seniorFront?

Дебаггинг. Сейчас разрабатываю аудио плеер на react, до этого никогда не работал с аудио, поэтому было интересно посмотреть на такую механику. Хотелось сделать простой, но удобный музыкальный плеер, куда можно добавлять свои песни, искать по названию, а также проигрывать их по списку или в случайном порядке(чтобы не надоедало) Дебаггинг — это, если простыми словами, поиск и отладка ошибок. Иногда ошибки неочевидны. Например, у меня проблема возникла на этапе создания переключения песен: по нажатию на стрелку вперёд, индекс текущей песни увеличивался на 2, хотя я все посмотрел, и нигде не было двойки, но потом я немного отвлёкся и до меня дошло, что я переписывал логику переключения на switch-case конструкцию, а в каждом кейсе должен быть break. Сходу понять, что проблема была в этом довольно тяжело, банальная невнимательность может привести к долгим поискам ошибок Умение быстро находить ошибки значительно ускоряет разработку, поэтому навык дебаггинга так высоко ценится

Remote и full-time вакансии в NIX Становись частью NIX команды и получи welcome bonus в размере $1500-3000!  Ты будешь работать над революционным продуктом, который используют в eBay, Siemens и других компаниях из Fortune 500.  Сейчас открыто 7 вакансий в проект с возможностью удаленной работы: Middle QA Automation  Middle ML Engineer Middle Full Stack .Net Developer Senior Full Stack .Net Developer DevOps Project Manager/Scrum Master UX/UI Designer Если чувствуешь в себе силы и желание присоединиться к NIX ‒ заполни резюме на сайте, а собеседование сможешь пройти онлайн.

​​Classnames. Библиотека, которая упрощает работу с классами в react. Когда классы зависят напрямую от переменных, то мы прописываем каждый раз одну и ту же логику, classnames, же, позволяет удобно прописать зависимости классов, а также удобно навешивать сразу несколько классов, особенно это бывает полезно тогда, когда мы используем css модули. Нашёл урок, в котором демонстрируется преимущество использования classnames в связке с scss модулями:

Чем заняться фронтенд-разработчику в свободное время? Один из интересных видов досуга — решение быстрых задач, необходимых людям далеким от программирования. Это не только досуг, а также способ дополнительного заработка. Задачи удобно отсортированы в нашем телеграм канале: https://t.me/FLAds_IT

​​JS марафон. Прошел марафон от @JSMarafonBot, где создал 5 прикольных проектов на JavaScript, скажу честно, очень доволен. Последним проектом была полноценная игра, где нужно выбирать время, а потом на скорость кликать по кружочкам, которые располагаются случайным образом на поле и имеют случайный цвет. Понравилась как подача материала, так и сам контент: короткие видео по 20-30 минут, html и css уже написаны, остается только написать логику, узнал пару прикольных фич, которые буду использовать у себя в проектах, демо проектов прикреплю к посту, на очереди есть еще много прикольных идей для практики, которыми скоро собираюсь поделиться

​​Путь самурая. Это был самый большой(по времени) курс, который я проходил, но, скажу честно, что это того стоит. Хотя были моменты, когда мне просто хотелось заняться вёрсткой, пройти другой курс по реакт или написать что-то на нативном js, поэтому так долго не рассказывал Однозначно рекомендую «Путь самурая» для тех, кто только начинает знакомиться с реактом, но только одного курса недостаточно, чтобы понять реакт, нужно ещё и читать документацию, смотреть на чужой код, чтобы увидеть подходы написания и решения тех или иных задач. На курсе я изучил react, redux, thunk, хуки, классовые компоненты, hoc, библиотеки: react router, axios, classnames, reduxForm, познакомился с cookies и отправлял запросы к api, по итогу у меня получилась соц сеть, код которой прикреплю к посту Далее планирую сделать парочку своих проектов и начать проходить React Pizza, а так же немного поверстать, думаю лето будет насыщенное, интересно было бы почитать ещё про typescript и redux saga

❗️Сегодня❗️бесплатный Java Meetup офлайн в Киеве и онлайн: https://bit.ly/3wq0EuD ☕ 📍В программе митапа выступления от: — Bernardo Gómez Palacio Valdés с Netflix, который поделится опытом создания GraphQL API через Netflix DGS и Spring Boot у Java или Kotlin. — Дмитрия Кривенка с Innovecs с темою: “Vert.x in action — iGaming platform development”. А также панельная дискуссия и Q&A с модератором встречи — Андреем Комаровым, Technical Lead / Solution Architect в Innovecs. 📌 Когда: 15 июня в 19:00 📌 Где: Innohub и онлайн Присоединяйтесь, пока еще есть места👉 https://bit.ly/3wq0EuD

​​Зелёное лето. Все мы часто встречали на GitHub табличку активности(коммиты, создания веток, репозиториев и тд), которая закрашивается в соотвествующий зелёный оттенок, если сделать что-то из выше перечисленного. Но обычно эта табличка у меня довольно серая, с большими пробелами между зелёными полями. Я решил программировать каждый день и выкладывать весь код на GitHub. Островной идеей является то, чтобы программировать регулярно и посмотреть на прогресс через 3 месяца. Возможно не во все дни мне физически удастся программировать, но я постараюсь сохранить тенденцию и в этом мне поможет та самая таблица активности В последнее время начал проходить разные марафоны по вёрстке и js, ещё делаю много мелких pet проектов, которыми хочу поделиться в ближайшее время. Этот пост должен был выйти раньше, но если кто-то захочет присоединятся, то жмите на кнопку и давайте программировать вместе

​​Советы по английскому. Важно четко понимать, зачем вы учите язык и какие аспекты языка следует детальнее проработать, я решил поделиться несколькими советами по improve вашего английского: 1) Регулярность и последовательность. Учите английский регулярно, желательно найти какие-то курсы, где материал изложен последовательно, либо можно заниматься индивидуально с преподавателем и учить только то, что вам нужно, главное только учить все постепенно и не перепрыгивать с темы на тему, лучше лишний раз повторить  2) Читайте(желательно проф. литературу). Чтение поможет в изучение новых слов и их применению, можно даже вырывать некоторые фразы из книги, чтобы потом их заучивать. Если вы занимаетесь фронтендом, то рекомендую книгу Fronted Unicorn, мне ее еще давно посоветовал один друг, но руки никак не доходили, теперь только приступил к прочтению 3) Воспринимайте устную речь на слух. Если у вас хороший английский, то можете начать смотреть фильмы или сериалы, но если вы ещё только начинаете, то можно начать с мультфильмов или простеньких сериалов, вроде Мистера Бина. Ещё смотрите англоязычных ютуберов, это поможет не боятся и привыкнуть к звучанию английской речи, советую смотреть туториалы по программированию, там много знакомых слов и, даже если непонятно, всегда есть код 4) Создание привычки. Это похоже на первый пункт, но без привычки вы быстро бросите это делать, так как у вас будут дела поважнее. Желательно выработать минимальную привычку, которая не должна занимать много времени, а просто должна быть постоянной, например я каждую неделю пишу какую-то историю, это помогает увидеть прогресс за неделю, закрепить новые словечки и улучшить правописание. Вы же можете придумать себе другую привычку: будь то изучение 10 слов или чтение книги, частоту можете сами выбирать, главное то, чтобы вам самим было комфортно, но не стоит со старта читать по 30 станиц в день, привычка — это гарантия того, что вы будете в тонусе 5) Получайте удовольствие от изучения. Любая вещь, которая вам не нравиться, очень быстро надоедает, поэтому если вам не нравиться сам процесс изучения, то попробуйте поменять подход: понять зачем вы это делаете и где ваша цель, получайте удовольствие не только от результата, но и от дороги, которую вы проходите