Стать фрилансером.
В данном плейлисте автор рассказывает о своём опыте на фрилансе и делиться полезными советами тык

Расскажите свою историю фриланса в чате!

Avocode или Figma?
Раньше все макеты делали в photoshop, поэтому файлы были формата PSD, но сейчас львиная доля дизайнеров переходят на figma. Все еще большая часть макетов формата PSD, но на фрилансе уже можно встретить макеты figma. Хороший верстальщик должен уметь верстать любые макеты и в любых программах и в любых форматах, кстати о форматах, figma не поддерживает формат PSD, но из-за простоты и понятности она так полюбилась дизайнерам

Avocode по праву самый лучший друг верстальщика, из минусов — он платный, из плюсов — он поддерживает PSD и еще куча форматов, стоит уметь пользоваться ими, но это только инструмент! Используйте по мере необходимости

Я приложу полезные уроки по Avocode и Figma, чтобы вы могли быстро начать практиковаться

Мои плагины VS Code.
Сегодня я подготовил статью — список моих плагинов для IDE Visual Studio Code
https://teletype.in/@programmerway/76MeVVM2B


@ProgrammerWayIT

Марафон по верстке.
Это отличный способ улучшить качество навыков и получить ещё одну работу в портфолио, на днях собираюсь немного поверстать, решил посоветовать вам 2 марафона по верстке

Lux Trader — непростой макет, но он может красоваться у вас в портфолио, используются все новые технологии, scss, gulp и тд

Верстка сайта с нуля до выгрузки на хостинг — более лёгкий макет, направлен больше на новичков, автор показывает весь этап создания верстки, вплоть до ее выгрузки на хостинг

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

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

Таймер обратного отсчета.
Недавно на одном сайте увидел таймер обратного отсчёта и решил рассказать о работе с Data в js, сегодня вы научитесь его делать, а пока я готовлю для вас много интересного тык

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

Я и сам проверил эту истину на своём опыте, взяв первый заказ на фрилансе, в начале было сложено, но потом я получил свой бесценный опыт

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

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

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

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

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

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

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

Костыли на сайтах — это зачастую неправильное решение, кривое написание кода, направленное на решение бага или просто его скрытие

Представим очень старый сайт, заказчик поручил вам внести одну интересную фичу, но чтобы ее внедрить придётся полностью переписывать функционал, поэтому в дело идут костыли

Порой архитектура сайта бывает очень кривой и запутанной, но это не должно вас останавливать писать правильный, понятный и чистый код и только если безвыходная ситуация — можно применять костыли

И помните, костыли — это неудобные, но работающие решения, которые приходится вынуждено делать

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

За этот месяц я получил 3 отзыва, в итоге заработав 20$, в планах научиться натягивать верстку на wp и подтянуть знания в php, а так же развиваясь в направлении JavaScript

Ближайшие 3 недели я особо не смогу сидеть за ноутбуком, поэтому буду подтягивать теорию, прочту полезные книги и больше углублюсь в само программирование, а после освоения wp, создам свой сайт с фишками и инструментами для программистов

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

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

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

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

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

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

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

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

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

Осталось только использовать на практике и тренироваться, поэтому советую свежий урок по разработке своего плагина для wp от опытного фрилансера тык

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

https://teletype.in/@programmerway/SdM6Y17QO