Получи случайную криптовалюту за регистрацию!

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

Логотип телеграм канала @programmerwayit — Programmer Way | IT и фриланс P
Логотип телеграм канала @programmerwayit — Programmer Way | IT и фриланс
Адрес канала: @programmerwayit
Категории: Технологии
Язык: Русский
Количество подписчиков: 3.75K
Описание канала:

Делиться моим путём до вершин IT индустрии!
Сайт: tsykunov.com
Топовый чат: t.me/best_of_it
Условия рекламы: tsykunov.com/price
Автор: @nikitakokos

Рейтинги и Отзывы

2.00

3 отзыва

Оценить канал programmerwayit и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

0

4 звезд

1

3 звезд

0

2 звезд

0

1 звезд

2


Последние сообщения 4

2022-03-07 20:30:08 ​​Svg в html.
Svg — разметка позволяющая создавать изображения, которые можно масштабировать без потери качества. Дизайнеры очень часто используют векторные иконки, логотипы и другие элементы дизайна на странице, так вот, как лучше взаимодействовать с данной разметкой? Есть несколько способов, выбирайте тот, который понравиться

1) При помощи отдельного файла, самый простой и понятный способ. Загружаете файл с форматом .svg из макета, помещаете в папку с картинками и через тег img выводите на станицу, но у этого способа есть явный недостаток — нельзя взаимодействовать с разметкой: нельзя поменять цвет, обводку, радиус и тд. Используйте этот вариант, если вам не нужно обращаться к svg, например если это какой-то элемент декора или иконка, которая статична, не имеет ховеров и не должна анимироваться 

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

3) Использование svg спрайтов. Этот способ решает проблему бессмысленного нагромождения кода, если коротко, то это одно большое svg, в котором через тег symbol вставлены другие svg. У каждого элемента есть id, с помощью которого и будет находиться нужное изображение, для этого используется еще один тег — use, где в параметре xlink:href нужно передать путь к файлу(если создали в отдельном файле) и id, пользоваться таким svg можно точно так же, как и обычным, добавлю видео с подробным объяснением svg спрайтов

4) Иконочный шрифт. Думаю здесь не надо подробностей, svg иконки используются как обычный шрифт и регулируются через свойства font-size и color. Очень удобно в использовании, но нужно подгружать дополнительный шрифт. А если вы захотите добавить еще одну иконку, то вам придется заново переустанавливать данный шрифт, будет отличным решением, когда вы уже знаете все иконки для проекта и хотите быстро менять их стили при наведении. Пользовался этим способом до недавнего времени, пока не перешел на спрайты, для спрайтов рекомендую еще настроить gulp сборку, чтобы она сама создавала файл со всеми иконками, а вы просто экспортировали их, если надо могу кинуть ссылку на подобную сборку
2.5K views17:30
Открыть/Комментировать
2022-03-02 17:00:33 ​​Крутой 3d слайдер.
Отличный пример кастомизации swiper.js, много различных интересных элементов, которые в совокупности создают особый эффект, очень круто проработан фон и тени, добавлен дым, освещение и мерцание, что добавляет еще больше атмосферности для слайдера, создан крутой 3d эффект для картинок, демо прикреплю к посту, видео идёт всего час, поэтому можете выделить себе время и насладиться просмотром:
437 views14:00
Открыть/Комментировать
2022-03-01 19:00:00 ​​#нетвойне.
Ребят, думаю каждый знает что произошло 24.02, я долго думал писать или нет. Я проснулся от взрывов, взяв телефон я узнал, что началась война. Поначалу у меня не было чувства страха, а лишь большое непонимание почему это произошло. И по факту неважно кто прав, а кто виноват. Я просто против любой войны и убийства людей. По поводу постов: хотели бы вы чтобы я выпускал сейчас посты или лучше сделать перерыв на неопределенное время? Напишите пожалуйста ниже
969 views16:00
Открыть/Комментировать
2022-02-18 16:33:36 ​​Any-hover.
Иногда ховеры могут смотреться не очень(особенно на телефонах), но иногда они даже мешают, чтобы исправить эту проблему существует специальный медиа запрос @media(any-hover: hover) на caniuse появилась хорошая поддержка и лишь некоторые браузеры(кто-то ещё пользуется IE?) не поддерживают данное свойство, медиа запрос можно вывести в отдельный сниппет и смело использовать в своих проектах. Это будет очень полезно для кнопок, чтобы при нажатии убрать анимацию наведения на телефонах и заменить ее анимацией нажатия. Подробнее про этот и похожие медиа запросы в статье:
502 views13:33
Открыть/Комментировать
2022-02-05 17:01:16 ​​Оптимизация сайта.
В видео приведены наглядные примеры по оптимизации скорости загрузки сайта и советы по улучшению производительности. Скорость загрузки напрямую влияет на выдачу вашего сайта в поисковиках, иногда мы напрямую можем влиять на скорость загрузки оптимизируя шрифты, картинки, стили, скрипты, но бывают и случаи, когда нам надо что-то подгрузить из сторонних сайтов: скрипты, статистика, стили и тд. Во втором случае мы ничего не можем поделать, так как мы не влияем на скорость ответа сервера, а вот в первом мы можем значительно изменить показатели загрузки сайта, подробнее в видео:
334 views14:01
Открыть/Комментировать
2022-02-04 19:00:05
Переживаете, что изучение английского для работы в IT займёт слишком много времени? Спокойно  English For IT уже обо всём позаботились!

Присоединяйтесь к БЕСПЛАТНОМУ онлайн-марафону по IT-английскому, который прошли уже 30K+ человек

Онлайн марафон от English For IT — это:
3 дня интенсивной практики и мотивации
закрытое Telegram-сообщество с единомышленниками и менторами
полезные чек-листы в подарок
возможность поучаствовать в розыгрыше AirPods

Если вы хотите быстро втянуться в IT-английский и узнать, как улучшать свои знания, чтобы вам не пришлось формально изучать язык больше НИКОГДА, регистрируйтесь

Следующий марафон УЖЕ 7 ФЕВРАЛЯ, осталось не так много времени
467 views16:00
Открыть/Комментировать
2022-01-28 10:02:23
Ruby Home.
Сверстал небольшой лендинг кампании по аренде жилья в Америке, необычный главный экран: элемент поиска немного выпирает, реализованы табы и селекты для выбора параметров поиска, блок с логотипами превращается в слайдер на мобильных устройствах и планшетах, для позиционирования карточек использовал grid, необычные решения для адаптива блока с иконками были использованы нестандартные решения: пришлось немного изменить верстку в ходе адаптива, но зато на планшетах сетка смотрится очень хорошо, постарался максимально качественно сверстать этот макет, чтобы оценить свои силы, в планах улучшить стартовый шаблон и пройти один марафон по верстке
566 views07:02
Открыть/Комментировать
2022-01-27 16:00:17 Пройди стажировку в IT 

Стажировка в «ИнфоТеКС» Академии поможет погрузиться в будущую профессию, перенять опыт специалистов нашей компании и прокачать свои скилы на максимум!

Набор открыт:
Томск
Санкт-Петербург
Уфа
Пенза

Что тебя ждет? 
 
. Стипендия по итогам каждого месяца! 
· Погружение в сферу ИБ технологий. 
· Работа в команде специалистов. 
· Получение практического опыта.
· Гибкий график работы. Ты сам составляешь свое расписание!
· Кейс с работой над реальными проектами компании. 

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

Если ты можешь выделить 3,5 месяца и не менее 20 часов в неделю, заполни анкету на сайте: https://clck.ru/apLV3
Заявки на участие принимаем до 14.02.2022, тестовые задания до 28.02.2022.
738 views13:00
Открыть/Комментировать
2021-12-31 15:10:04 ​​Neuro. 
Небольшой сайт с крутой анимацией перемещения по планетам, вращение планет сделано просто передвигающийся картинкой, но эффект очень красивый, можно почувствовать себя космо-туристом и просто насладиться красивой анимацией, давно была такая идея, но никак руки не доходили, все ссылки прикреплю к посту и всех с наступающим

В этом году я узнал много нового (не только по программированию) Столкнулся с морем трудностей, взял крупный заказ, примерно определил дальнейший путь и понял, что мне нужно ещё много чего учить, хотя за этот год я значительно преуспел: начал учить react и redux, лучше изучил grid, стал лучше верстать и делать адаптив, старался делиться успехами и неудачами в своём телеграмм канале, но в последние время что-то редко это получалось. Надеюсь в 2022 больше изучать и углубиться в программирование, чаще выпускать посты и больше заниматься спортом. Желаю всем хороших праздников, меньше багов и побольше читабельного и красивого кода:)
547 views12:10
Открыть/Комментировать
2021-12-03 13:01:10 ​​Работа с Date.
Всем привет, недавно досмотрел видео, где создавалась копия Вконтаке на react и решил добавить отображение времени для постов и сообщений, казалось, что сделать это будет проще простого: просто записываешь дату, время, а затем показываешь, но нет; обычно в соц сетях время показывается по-разному: если пост вышел недавно, то можно показать время относительно текущего(5 минут назад, 1 час и тд.), когда прошло уже достаточно времени можно показать что-то по типу «Сегодня в 20:00», если пост уже давний, то смысла нет показывать его точное время, можно просто записать дату

Поэтому решил записать число миллисекунд прошедших с 1.01.1970 и потом просто сравнивать с текущим значением и выбрать подходящий формат, для удобной работы решил подключить momentjs, так как есть ещё нюансы, например, если пост вышел до 12, а текущее время уже после, то надо записать «Вчера», чтобы это все не считать можно воспользоваться функционалом библиотеки, а какие вы используете библиотеки для работы с датой или используете чистый js? Напишите в чате!
1.0K viewsedited  10:01
Открыть/Комментировать