Руслан Куянец | Reactify – Telegram
Руслан Куянец | Reactify
5.85K subscribers
707 photos
52 videos
39 files
290 links
Я IT-специалист, ментор и основатель проекта YeaHub и сообщества Reactify. Здесь рассказываю про Frontend и IT.

Менторство:
https://reactify.ru

YouTube канал:
https://youtube.com/@reactify-it

YeaHub:
https://yeahub.ru/

Связь:
@ruslan_kuyanets
Download Telegram
Привет всем! 🖐 Недавно я побывал на Tinkoff Frontend BBQ Party. Три интересных доклада, вкусная еда, освежающие напитки и, самое главное, общение с коллегами. Всё это абсолютно бесплатно после регистрации!

Такие мероприятия - это возможность:
1️⃣ Расширять свой кругозор. С каждым новым докладом и разговором вы узнаете что-то новое.
2️⃣ Нетворкинг. Заводите новые полезные знакомства, которые могут помочь в карьере или просто стать вашими друзьями.
3️⃣ Делиться опытом. Не стесняйтесь рассказывать о своем опыте и получать обратную связь.

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

Присоединяйтесь к IT-сообществу, берите от него максимум! Ведь это не только об обучении и работе, но и о чудесной атмосфере, дружелюбии и вдохновении!
🔥5
Всем привет, встретил такой вот интересный сайт для изучения git. И не нужно никаких курсов проходить💪
https://learngitbranching.js.org/?locale=ru_RU
🔥61
Какой из следующих методов не мутирует (не изменяет) исходный массив?
Anonymous Quiz
16%
push()
24%
sort()
49%
slice()
12%
pop()
Мы все знаем, как сложно иногда взяться за крупную задачу, особенно когда перед глазами множество деталей. Но давайте взглянем на это с другой стороны и попробуем разбить её на более мелкие и управляемые кусочки!

🎯 Задача: Создать интерактивную галерею с возможностью просмотра, добавления и удаления изображений.

1️⃣ HTML:
Создать структуру галереи: контейнер, блоки для изображений, кнопки управления.
Реализовать форму добавления новых изображений: поле для ссылки, кнопка отправки.

2️⃣ CSS:
Оформление основного контейнера галереи: отступы, рамка, тени.
Стилизация блоков с изображениями: размеры, рамки, анимации при наведении.
Оформление формы и кнопок: цвета, шрифты, эффекты при нажатии.

3️⃣ JavaScript:
Функционал загрузки изображений: принимать ссылку, создавать новый блок с изображением.
Возможность удалять изображения: кнопка удаления, функция удаления из DOM.
Эффекты просмотра: увеличение при клике, слайд-шоу.

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

🔑 Разбивая сложные задачи на маленькие, вы делаете процесс разработки более понятным и организованным. Каждая маленькая задача становится конкретной, и вы можете сосредоточиться на ней, не отвлекаясь на другие детали. Это помогает не только быстрее завершать работу, но и делать её качественнее!

#СоветДня
🔥3
Какой из следующих элементов используется для вставки внутристрочного JavaScript кода?

#quiz #HTML
Anonymous Quiz
7%
<noscripting>
5%
<js>
85%
<noscript>
2%
<javanoscript>
Какое свойство позволяет установить внешние отступы элемента?

#quiz #CSS
Anonymous Quiz
12%
padding
0%
space
0%
border-gap
88%
margin
Привет всем🤚
Я подписан на рассылку HH на почту. Пришло письмо hh Карьера, типо у них бета версия и можно посмотреть путь для становления в любой профессии!
Я немного потыкал, в целом прикольно. Можете тоже глянуть😄
https://career.ru/
👍3
Каким методом можно добавить элемент в конец массива?

#quiz #JavaScript
Anonymous Quiz
81%
push()
14%
add()
5%
append()
0%
concat()
👍4
Всем привет, снимаю новое видео, думаю сегодня выпустить😌
Технарями рождаются или становятся?🤔
Anonymous Poll
21%
Рождаются
74%
Становятся
5%
Не знаю
Если у элемента установлено значение box-sizing: border-box;, что включается в его общую ширину?

#quiz #CSS
Anonymous Quiz
7%
Только контент
9%
Контент и padding
57%
Контент, padding и border
27%
Все вышеуказанное + margin
👍2
Для любителей почитать📖
Forwarded from Архив Разработчика
Мержевич_В_Вёрстка_веб_страниц_2.pdf
7.4 MB
Книга "Верстка веб-страниц"
👍4
🛠️ Сегодня был день борьбы с багами и задачами на работе, и, признаюсь, столкнулся с одной ошибкой, которая не давала мне покоя. Сначала не мог понять, почему происходит ошибка, но, как всегда, нашёл выход!

Очередной раз убеждаюсь, что сдаваться не вариант. Если не стоять на месте и мечтать, а пробовать, вставить код здесь, вставить там, попробовать это и то, у вас всё получится. Главное – искать пути к решению проблемы. 🚀

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

А я сегодня сделал 5 задач и скоро пойду отдыхать. 🎉 После отдыха начну работать над созданием своего сервиса.

#СоветДня
🔥41
HTML5 предоставляет нам элемент <audio>, который позволяет встраивать звуковые файлы прямо на веб-страницы. Вот как вы можете начать:

<audio src="file.mp3"></audio>

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

<audio src="file.mp3" controls></audio>

Если хотите, чтобы аудио начинало воспроизводиться автоматически, добавьте атрибут autoplay:

<audio src="file.mp3" controls autoplay></audio>

С атрибутом preload вы можете указать браузеру, следует ли предварительно загрузить аудио. Это может быть auto, metadata или none.

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

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

#ОбучающийПост #HTML
👍21