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

Каналов в телеграме много, но не так уж легко найти годный контент о компьютерной периферии. @guide_pc - это новый и очень нужный канал обо всем, что связанно с компьютерами, специально для тех, кому не все равно, какой звук издает его клавиатура и тех, кто не хочет переплачивать за раскрученные бренды. Канал ведет Гошан, большой любитель и знаток всего, что связано с компьютерами. Рассказывает интересно и понятно, с юмором и без цензуры. @guide_pc - это канал, на который точно стоит подписаться.

Работа с SVG. Многие новички обходят svg стороной и не заморачиваются с изучением. Вышел отличный урок по работе с svg тык Используете ли вы svg или обходите их стороной — напиши в чате?

DRY. Программисты очень ленивые люди. Лучше потратить кучу времени на создание стартового шаблона, чем каждый раз прописывать одно и тоже Циклы, массивы, снипетты, стартовые шаблоны, сборки и тд и тп — все это создано лишь для того, чтобы не повторять изо дня в день одно и тоже Скоро расскажу про создание своих снипеттов в vs code, а пока продолжим тему Don’t repeat yourself, не повторяйся! Если ты видишь код, который повторяется — исправь. Лучше потратить час на автоматизацию процесса, чем повторяться. Будете ленивыми программистами!

Помадоро. Вы уже наверняка слышали о технике «Помадоро», она очень распространена среди программистов. Я проверил на своём опыте — реально помогает Основная мысль Вы стартуете таймер на 25 минут, не отвечаете на сообщения, звонки и фокусируетесь на задаче. После делаете перерыв и идёте подальше от места работы: пройтись попить воды, отжаться от пола или приседать Одна такая операция называется «помидоркой», после 4 помедорок можно сделать перерыв 30 минут Это лишь одна из многих техник, вы можете даже придумать свою, однако она очень распространена среди IT-шников, поэтому делюсь с вами ей Техника не делает вашу работу лучше, она лишь даёт сосредоточиться на конкретной задаче и не даёт уставать. Вам будет меньше надоедать работать и вы будете вовремя отдыхать. Техника помогает правильно распределять отдых и работу, а использовать ее или нет — решать вам

The Million Dollar Homepage. Уилтшир Алекс Тью, чтобы заработать деньги на университетское образование создал сайт «The Million Dollar Homepage» На сайте располагалась сетка размером 1000 на 1000 пикселей, состоящая из миллиона пиксилей, на которой можно было приобрести место для ссылки на свой сайт, купив набор пикселей по доллару за одну штуку. Продажи велись блоками размером в 10 на 10 пикселей, поскольку меньшее количество пикселей разглядеть трудно Сайт привлёк внимание СМИ и туда стали заходить пользователи и желающие приобрести место на сайте, так был заработан миллион долларов

Права доступа ftp. Вчера не было поста и на то были свои причины, исправляем! Кто ещё не знаком с ftp — рекомендую посмотреть тык Нашёл полезную статью, в которой простым языком объясняется про права доступа к файлам и папкам, это будет полезно почитать всем фрилансерам и самим заказчикам тык

Куда принимать оплату фрилансеру? Самый распространённый вопрос связанный с оплатой — это куда ее принимать, сейчас его разберём Принимать нужно любым удобным для заказчика способом: карта, онлайн кошельки, биткоины. Вы предоставляете услуги, поэтому с вами должно быть удобно работать Нужно сразу писать все возможные варианты оплаты «принимаю на карту и киви кошелёк» и внизу дописать что-то вроде «и любым удобным для вас способом», так вы дадите понять заказчику, что вы уже опытный специалист Я тоже решил сделать киви кошелёк, чтобы принимать оплату с минимальной комиссией, для заказчиков из России Принимайте оплату удобно и к вам будут обращаться чаще!

Вдохновение. Ещё один нереально крутой сайт, берите на заметку! Сайт был создан при помощи three.js тык

Интересная история на фрилансе(data-da). Написал маленькую, но полезную статью, про интересный случай с меню, где надо было переставить элемент, не меняя структуры, вообщем сами все прочтёте https://teletype.in/@programmerway/SdM6Y17QO

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

Расширение для Chrome. А ты знал, что можно сделать своё расширение для хрома на JavaScript? Хватит банальных знаний js и разметки, чтобы сделать 4x ускорение видео на ютубе или запоминание скролла сайта, придумать можно много, даже изменение дизайна и функционала GitHub, прикреплю к этому посту урок по созданию расширения с нуля тык

UI/UX. При разработке сайта важно учитывать его интерфейс, чтобы пользователю было удобно пользоваться сайтом и он как можно быстрее научился в нем разбираться за это отвечает UX, а чтобы сайт выделялся среди множества других — отвечает UI Надеюсь стало понятно, так как множество людей знают лишь поверхностное значение этих слов, обычно за это отвечает дизайнер, но на фрилансе есть заказы на разработку сайта «под ключ», как нибудь тоже расскажу что это такое

Довольные клиенты. Получил свои первые награды, благодаря ним меня могут найти потенциальные заказчики! Но это только начало и впереди ещё много интересного тык

Теория для практики. Звучит скучно, но необходимо. Порой просто хочется уже начать создавать сайт с нуля и брать заказы на фрилансе или работать в веб студии, все постепенно! В прошлом посте я говорил что не смогу работать за ноутбуком ближайшее время, поэтому я решил прочесть книги и скоро поделюсь с тобой некоторыми из них и моим мнением, так же подтягиваю английский и учу неправильные глаголы. Статьи будут выходить регулярно, так как теперь есть много свободного времени и идей Большая часть теории берётся из книг, курсов и различных материалов, теория полезна в самом начале и «когда знаешь что это работает, но не знаешь почему», тогда стоит полезть в документацию или книги, закрепляйте теорию на практике и совершенствуйтесь!

Итоги месяца. Месячный тариф на фрилансе закончился, поэтому можно подводить итоги. За этот месяц я успел поработать с Opencart и Wordpress, подтянуть свои знания в верстке, прокачать JavaScript и даже PHP За этот месяц я получил 3 отзыва, в итоге заработав 20$, в планах научиться натягивать верстку на wp и подтянуть знания в php, а так же развиваясь в направлении JavaScript Ближайшие 3 недели я особо не смогу сидеть за ноутбуком, поэтому буду подтягивать теорию, прочту полезные книги и больше углублюсь в само программирование, а после освоения wp, создам свой сайт с фишками и инструментами для программистов

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

Just google it! Почти ежедневно мы используем google, на равне с форумами и чатами для поиска ответов, но умение гуглить очень важная тема и требует особого внимание, здесь не будет очевидных вещей типа «Задавайте вопросы как и где, пишите вопросы на английском и тд», я покажу вам реально полезную статью с интересными советами по поиску ответов тык

Mobile first. Служит для улучшения загрузки на телефонах и позволяет масштабировать сайт даже на 4K мониторах, советую учить если уже уверенно адаптируете обычную верстку без задержек и раздумий, тогда вы познакомитесь с новым подходом, который будет вам понятен и лёгок в использование, основным отличием является использование min-width вместо max-width, рекомендую учить на практике, поэтому оставлю крутой марафон по этой теме

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

Эффекты для карт при hover. Очень крутой эффект, который выделяет сайт на фоне других + крутая полоса скролла и сопровождающие эффекты тык