Мы тут немного пропали😔

Держу в курсе - Женя после свадьбы в Турции отдыхает, я пока погряз в рабочих моментах - банк в котором я на ГПХ осуществляю поддержку сайта решили вот срочно летом делать ребрендинг когда все отдыхают, из за этого появилось куча сложностей и добавилось неожиданно работы)

В общем через пару недель примерно, мы начнем активничать, много идей и планов, все вам расскажем - будет полезно и интересно.

Пока выкладываю все серию из 7 видео в которых делаем верстку лендинга, со слайдерами и адаптивом.

Часть 1: https://youtu.be/U63S0Em7qH4
Часть 2: https://youtu.be/EgAZIN9sqU4
Часть 3: https://youtu.be/BPdoFZJqZFY
Часть 4: https://youtu.be/iAFb8YMzz6Y
Часть 5: https://youtu.be/1i-zjpv9B9E
Часть 6: https://youtu.be/EBqBW8-dvKI
Часть 7: https://youtu.be/cI2cPKBUfV4 (Финал)

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

#верстка_лендинга_для_новичков

Сегодня я хочу поделиться с вами информацией о сниппетах в VS Code и объяснить, почему их использование может быть полезным.

⌨️ Что такое сниппеты?
Сниппеты - это мощный инструмент в среде разработки Visual Studio Code, который позволяет вам автоматизировать и ускорить процесс написания кода. Сниппеты представляют собой фрагменты кода, которые можно вызвать с помощью сокращенного синтаксиса или ключевого слова и автоматически расширить до полного блока кода.

💡 Зачем использовать сниппеты?

1️⃣ Увеличение производительности: Сниппеты помогают сэкономить время и усилия при наборе повторяющихся фрагментов кода. Вместо того, чтобы вводить их снова и снова, вы можете просто вызвать сниппет и он будет расширен автоматически.

2️⃣ Улучшение качества кода: Сниппеты также позволяют сохранить стандарты кодирования, поскольку вы можете заранее определить фрагменты кода с правильным форматированием, комментариями или стилем и использовать их повторно.

3️⃣ Удобство в использовании: Ваш код может содержать сложные структуры или длинные блоки кода, которые трудно запомнить или набирать каждый раз. С помощью сниппетов вы можете создавать собственные аббревиатуры или ключевые слова, чтобы быстро вставлять эти фрагменты кода.

Записал вот видео https://youtu.be/IGI5026Roc0 в котором настраивал их для своей работы - можете посмотреть и настроить тоже под себя.

Если у вас есть какие-либо вопросы или комментарии, не стесняйтесь задавать их в комментариях.

#VSCode #сниппеты #разработка #программирование

Сейчас готовим видео в котором покажем как делать такие анимации без подключения библиотек на чистом js и css. Интересно? 😃

💡Появилась такая идея - для вас бесплатно, но много пользы😀

Мы хотим сделать "небольшое реалити" - нам нужно два человека, которые хотят бесплатно поучаствовать в нем.

Подробности:

Наверное мало кто из вас знает - но у нас есть сервис HTML Practice

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

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

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

Только для всех это платный сервис и нам платят за эту обратную связь так как это индивидуальная работа с каждым

———————

И сейчас нам нужно два человека, которые уже немного знают html и css и хотят прокачаться в верстке и пополнить портфолио классными работами (повторюсь бесплатно, главное - ваше желание и свободное время уделять каждый день верстке)

Вот что вы получите:

✅ за время реалити вы сверстаете два макета, один простой, один более сложный. Макеты выберите сами на свой вкус из нашего каталога
✅ у вас будут дедлайны (все как в жизни) - но мы вам будем сильно помогать, отвечать на вопросы, всегда мы на связи и тд.
✅ мы в формате скринкаста будем разбирать ваши работы по полочкам и говорить что улучшить

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

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

Ну и просто огоньки ставьте если идея нравится😀

Спасибо всем за доверие, не ожидали, что будет так много желающих принять участие в реалити👍

Нам нужно немного больше знать о каждом, кто откликнулся.

📄 Вот анкета https://docs.google.com/forms/d/e/1FAIpQLSe3Uo0Z2BhrT8OSB7MuLChKPpcF4MyVpeqL3xeK8R9h5Xm2oA/viewform?usp=sf_link

🕔 Ее нужно заполнить до 4 утра 21 июля по МСК - получается за сегодняшний день.

Завтра утром мы выберем двух человек среди тех кто заполнил анкету , напишем в личку и после подтверждения объявим участников в этом канале.

Ну, а дальше уже будем держать в курсе как у них дела и как все проходит.

Думаем будет полезно как для участников, так и для наблюдателей - которые будут смотреть разборы

Не упустите свой шанс оказаться в числе счастливчиков, не факт что это будем повторять😉

Это как обещали подготовили.
Вот видео - можно посмотреть.

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

Берите на вооружение, делается просто, но как показывает практика - клиенты, особенно на фрилансе такое очень любят😉
И исходники прикладываю - могут пригодиться.

Касаемо нашего реалити - мы пересмотрели все заявки.

Уже выбрали двух участников - скоро с ними свяжемся.

Кого не выбрали - не обижайтесь, желающие были очень разных уровней, некоторых уже можно брать на работу на должность junior верстальщик, так как работы хорошего уровня, некоторые показали уже коммерческие проекты - это отлично, но там все все советы можно дать за 1-2 видео и мы будем не нужны)

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

Ожидайте новостей..😉

И еще момент - я сейчас прохожу собеседования разные на должность верстальщика и программиста php, bitrix, wordpress - что-то с этих областей.

Работу я не ищу, это больше как эксперимент - за много лет на фрилансе стало интересно на сколько я буду востребован на рынке - ну и контента ради конечно😃

Все собеседования я записываю на видео - хотели бы посмотреть какие вопросы задают, что вообще происходит на собеседованиях на удаленную работу?

Готова новая часть с видео-разбором. В этот раз разбираем Елену Павлович. Можно посмотреть и узнать много нового😉
Ссылка на видео

Если есть желание тоже поверстать данный макет, то вот и ссылка на макет

Немного интерактива прикладываю - так примерно идут дела по разборам Елены и Надежды😂

Ну тестовое задание можно сказать приняли, позвали на след. этап. Опять же запишу видео, выложу.
Там я так понял будет техническое интервью, наверное будет интересно)

Немного из жизни - вот так обычно проходят мои выходные😉

Тренировка - один из вариантов отдыха для нашего организма, она очень важна при малоподвижном образе жизни - в том числе для нас программистов, дизайнеров, верстальщиков и тд 🏋️‍♀️

Так же тренировки хорошо сказывается на нашей работоспособности улучшая нашу ЦНС (Центрально Нервную Систему), что позволяет нам выполнять больший объем работы в течении дня. 💪

А как проходят ваши выходные? Делитесь в комментариях👇

Привет 👋

Я тут нашел интересный способ не зная вообще php делать бекенд на Wordpress.

Щас вот делаем один проект таким образом.

Получится бекенд на wp, а front на vue, react или на чем вам удобно. Таким образом без знаний php и других серверных языков можно делать быстро сайты полностью с админкой.

Интересна эта тема кому-то? Есть кто хочет делать сайты «Под ключ», но не хочет учить php?😀

И вот еще на канале пара новых видео:

Первое видео
- Разбор верстки Елены | часть 3

Второе видео
- Я выполняю небольшой заказ взятый на фрилансе, там верстка + wordpress, условно за пол часа заработал 1000. Видео получилось короткое, всего 16 минут: https://youtu.be/OSirkuVBDoo

У нас такие новости🔥

Надежда закончила работу по первому проекту - выложили финальный разбор ее работы, можно посмотреть по ссылке https://youtu.be/PkJHBr-MQ4I

@tkachuk_87 - большая просьба в комментариях к этому посту, когда будет время ответить на несколько вопросов:

1. Получили ли вы от разборов то чего ожидали?
2. Чувствуете ли, что после них вырос ваш уровень профессионализма в верстке?
3. Следующим этапом по плану работать над следующим макетом. Уже более сложным из раздела https://htmlpractice.ru/middle/ .
Готовы ли приступить? Возможно есть какие-то вещи, которым бы хотелось научиться за время верстки второго макета?

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

Поэтому, отдельный вопрос к подписчикам канала:
- Смотрите ли вы разборы версток? Подчерпнули ли из них для себя какую-то пользу?

Дайте пожалуйста обратную связь в комментариях😉