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

2021-08-31 21:20:39 ​​Итоги зелёного лета.
За это лето я узнал много нового и сделал много проектов, завершил курсы «Путь самурая», «Funiro» и «React пицца»(об этом расскажу совсем скоро). Касательно GitHub, то я старался каждый день заливать туда что-то, были дни, когда не получалось физически, а бывало и просто лень, я старался сохранить тенденцию, и у меня это получилось

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

Итог: я понял, что программирование каждый день приносит хороший результат на небольших отрезках времени, если программировать каждый день без перерыва очень долго, то рано или поздно это надоест и прогресс замедлиться или вовсе пропадёт интерес к этому, а если программировать без интереса — наступит выгорание. Надо делать для себя перерывы, чтобы отдохнуть и переключиться Открыть/Комментировать

2021-08-23 10:00:08 ​​Рекурсия.
Когда функции вызывают сами себя — этот процесс называют рекурсией. Это напоминает цикл while, соотвественно функция не может вызывать себя бесконечно, поэтому должно быть условие выхода из рекурсии. Если это условие будет написано неверно или его не будет, то call stack будет переполнен и вылезет ошибка, поэтому внимательно проверяйте условия, когда работаете с рекурсией

Для корректной работы нам также нужно написать правило движение по рекурсии, например: у нас есть массив экранов, внутри которых есть свои элементы, которые надо анимировать с определенной задержкой, а также показывать нужный экран, в таком случае мы можем использовать рекурсию: создадим функцию и передадим туда массив, нулевому элементу добавим класс, пробежимся циклом по внутренним элементам первого экрана(чтобы анимировать их) и на последний итерации вызовем ту же функцию, с тем же массивом, но без первого элемента. Условием выхода будет нулевая длинна переданного массива, так мы поймём, что элементы закончились и перебирать больше нечего. Похожий функционал я реализовывал, когда делал эффект дыма 

Нашёл отличный урок про рекурсию с подробным объяснением и примерами: Открыть/Комментировать

2021-08-13 08:00:11 ​​Эффект дыма.
Решил поделиться небольшим видео с довольно простым, но очень крутым эффектом: превращение текста в дым, можно использовать у себя в прокатах, чтобы эффектно показывать или скрывать текст, также сделал небольшой пример, ссылку прикреплю к посту 

Начал проходить курс React Pizza, пока всем доволен, в курсе будут классовые компоненты, но думаю это не проблема, так как они все ещё используются, и знать про них стоит. Скоро подведу итоги моего трехмесячного эксперимента с «зелёным» GitHub, думаю будет интересно Открыть/Комментировать

2021-08-06 21:00:14 ​​Funiro.
Сверстал нереально крутой интернет магазин с работающей корзиной и подгрузкой товара из json. Верстка вышла на совершенно другой уровень: повсеместное использование grid, нестандартные блоки, сложные слайдеры с параллакс эффектом, крутые решения, а самое главное — адаптив

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

Решением будет простой миксин, который принимает css свойство, значение при максимальном контейнере и минимальное значение, которое будет на 320px, а также тип(по умолчанию 1, и 0, если надо чтобы свойство пропорционально изменялось на любых расширениях, а также 2, если только для расширений больших чем контейнер), подробнее можно посмотреть на курсе или в видео про отзывчивое свойство

К посту прикреплю результат и GitHub репозиторий с кодом: Открыть/Комментировать

2021-08-06 10:01:42 Frontend-разработка — это высоковостребованная услуга, за которую люди готовы платить.

Но где найти заказчика? На платных биржах, фриланс-площадках, а можно прямо здесь, в Телеграме!

FL Ads — телеграм-канал, на котором можно удобно найти задания разной сложности и цены. Открыть/Комментировать

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

В видео автор делиться собственными наработками, которые позволят сделать любой спойлер + крутая анимация Открыть/Комментировать

2021-07-25 20:00:12 ​​Fullstack проект.
В чем отличие fullstack проекта от не fullstack? В том, что в первом мы делаем сразу и фронтенд и бэкенд части, а во втором — только одну. Если мы захотим сделать fullstack pet-проект, но не знаем бэкенда, то мы можем воспользоваться готовыми решениями, например использовать готовые api, но мы попрежнему будем разрабатывать только одну часть

В одной из недавних статей я рассказывал то, что сейчас работаю над своим pet-проектом Music Mix, если коротко, то это музыкальный плеер, где можно слушать и загружать музыку. Но я столкнулся с проблемой: мне нужен был сервер, чтобы хранить аудио и картинки для постов, думал использовать json server, но, как вы уже поняли по названию, он хранит данные в строковом формате(json), поэтому я максимум могу помесить туда путь к файлам, и все опять упирается в бэкенд

Я принял решение заморозить проект, пока я не освою node.js, думаю мне надо время, чтобы найти хорошую информацию по этой теме. Основной функционал уже готов: проигрывание песен в обычном и случайном порядке или только избранные, добавление в избранное, поиск по названию, страница избранных и страница всех песен, осталось только внедрить добавление песен и пару фич, но для этого нужен api Открыть/Комментировать

2021-07-25 13:00:11 progway — блог о программировании.

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

progway | @prog_way_blog Открыть/Комментировать

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

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

Ещё часто встречается, что программируют по 10 часов в сутки, а потом неделю просто ничего не делают. Важно программировать регулярно, чтобы код был всегда перед глазами, так вы не забудете то, что выучили и лучше запомните новое Открыть/Комментировать

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

В видео автор на примерах рассказывает более подробно про сложность алгоритма, а так же в конце будут задачки на закрепление Открыть/Комментировать