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

8 проектов для того, чтобы стать Full Stack разработчиком. Давно не было статей, увидел одну английскую статью с крутыми идеями для прокачки навыков Проекты идут от простого к сложному и в каждом есть что-то интересное тык

​​Улучшение верстки №1. Запускаю новую рубрику, в ней я расскажу про крутые фичи, о которых мало кто знает, начнём! _ibg. Многие на курсах говорят, что картинку беграундом лучше не ставить, все дело в том, что при посадке на CMS изменяются пути и поэтому нужно прибегать к костылям. Да и удобнее поменять картинку прямо в HTML, чем лезть в стили. Для этого был придуман ibg(image background), подробности есть по ссылке или в этом видео PS: родителю картинки не забудь указать:   &__bg {     position: absolute;     width: 100%;     height: 100%;     top: 0;     left: 0;   } Чтобы отобразилось

404. Самая распространённая ошибка сервера, это когда он не может найти нужную станицу по запросу. Для этой ошибки в wp даже предусмотрена отдельная страница 404.php Я уже рассказывал про это в одном из своих постов, но теперь я сделал собственную станицу и подключил ее к wp! Поправил слайдер и пару мелочей по верстке и плагинам Сейчас стоит вопрос: «Делать ли отправку форм через плагин или не нагружать сайт и сделать все в ручную?» Думаю всё-таки сделать самому так как подключать целый плагин для 2 форм бессмысленно, если у вас есть другое мнение — напишите в чате

Мультиязычность. Сейчас занимаюсь переводом сайта на английский и подтягиваю верстку, планирую к концу сентября запустить сайт в интернет Кому интересно, язык изменяю с помощью плагина Polylang, вот хороший урок по нему

Интересные решения в верстке. Приготовил подборку решений в различных ситуациях, которые сможешь уже взять на вооружение и делать качественную верстку https://teletype.in/@programmerway/lDErRzFy6

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

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

+1 работа в портфолио. Сврерсал ещё одну работу в портфолио, макет был напичкан мелкими деталями на которые уходит много времени. Результат можно посмотреть тут, код прикреплю к посту. Делал по марафону LuxTrader, о котором рассказывал в этом посте

​​Зачем нужен bootstrap? Я на люблю bootstrap, он мне не понравился с первого же проекта его загруженностью всякими мелочами, единственная полезная вещь — сетка, но ее легко можно заменить/сделать средствами флекса и грид Если использовать инструмент правильно, то даже на bootstrap можно делать красивые проекты. Я же его использую только для наглядности или когда надо быстро сделать разметку. Bootstrap рассчитан на маленькие проекты и на быстрое создание разметки Если вам нужно быстро сверстать лендинг, то смело можно использовать bootstrap, а если это большой проект или вы будете его дальше поддерживать и оптимизировать, то лучше используйте старый добрый флекс(гриды тоже можно, но следите за поддержкой)

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

​​Свой «парикмахер». Вижу людей, которые считают, что заказы можно находить только на фриланс биржах и никак иначе. Но это не так!  Зайдя на ваш профиль в Инстаграм, Фейсбук, ВК можно ли определить, что вы делаете сайты или как-то с этим связаны. Это больше относиться к собеседованию, но заказчик тоже может зайти на ваш профиль в соц сетях. Заказчик ожидает увидеть адекватного человека, который увлечён своим делом, оправдайте его образ о фрилансере Рассказывайте друзьям, знакомым, всем подряд, чем вы занимаетесь и можете им помочь. Делаете сайты — замечательно, возможно, вашему другу он сейчас нужен, а вы молчите Будте своим «парикмахером», среди знакомых и друзей

​​Хочешь освоить востребованную профессию, чтобы работодатели выстроились в очередь? Начни с изучения Swift – это производительный и легкий в чтении язык программирования. Прямо сейчас запишись на бесплатный интенсив «Swift для начинающих» образовательной экосистемы GeekBrains от Mail.ru Group. За два часа ты: ▪️узнаешь все об особенностях и преимуществах языка Swift; ▪️научишься использовать среду разработки xCode, а также переменные, массивы и классы; ▪️сможешь создавать базовые элементы интерфейса TableViewController, NavigationController, а еще подключать и использовать сторонние библиотеки. Клик по ссылке сделает Swift чуть ближе и понятнее

Ну вот, теперь мой контент динамический! Сделал через плагин. ACF и просто прикрутил произвольные поля, теперь осталось их перевести и можно покупать домен и хостинг. Удачного понедельника!

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

С каждым днём все лучше понимаю Wordpress, сегодня наткнулся на реально понятный урок по натяжке верстки, с удобной и понятной админкой и кастомными полями Чтобы выучить что-то новое надо просто делать, пускай это будет неправильно, но нужно погрузиться в сам процесс и понять почему это неправильно Если будут какие-то вопросы задавайте их в чат, с радостью отвечу

Пассивный доход для программиста. Сегодня решил написать статью про возможные пассивные доходы. Постарался подобрать варианты для любых специальностей связанных с IT https://teletype.in/@programmerway/tLd45jLgP

Этот пост займёт 30 секунд твоего внимания. Смотри, вот канал EasyPeasyCode. Здесь есть всё, чтобы за месяц освоиться в IT: образовательные материалы, задачи по проге, авторские статьи, опросы, юмор, книги – всё человеческим языком. Канал ведёт разработчик с опытом, поэтому можешь забирать бесценный опыт с первых уст. План действий следующий: подписывайся и изучай то, что здесь дают бесплатно, чтобы потом не отдавать доллары на курсах. Через месяц сравнишь скиллы до/после и приятно удивишься :)

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

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

Чтение текста с помощью JavaScript. Это делается с помощью интерфейса SpeechSynthesisUtterance на базе WebSpeech API. Делал по уроку, ссылку прикреплю к посту, добавил выбор языка и получилось такое приложение, посмотреть результат можно тут. Исходный код тоже прикреплю к посту