Макет сайта "Aperture"

Сложность: ⭐️⭐️⭐️⭐️⭐️

Красивый макет сайта фото студии. Простенький макет, но очень красивый.

🔗 Ссылка на макет

CodeBase | Frontend

🎬 Уроки Go (Golang)

🔴Видеоуроки

1. Установка языка программирования Go, среды разработки. Создание и компиляция первой программы
2. Способы создания переменных, типы данных, приём ввода от пользователя в языке Golang
3. Пишем крутую программу + условные операторы. if ... else.
4. Супер оптимизация сборки exe-шника в Golang! Сборка под релиз(release)
5. Циклы в языке Go, работа с циклами, "виды" циклов, обработка срезов/массивов
6. Switch в Golang
7. Логические операторы в Go. Logic in Go
8. Математические операции в Go. Math in Go
9. Массивы в Go, Go, Golang. Arrays in go
10. Двумерные и многомерные массивы в Golang

▶️ Плейлист YouTube

🔻Канал: BRO-IT
🔴#go

✅ Вопрос на собеседовании ✅

❓ Какие различия существуют между map и set в JavaScript?

Ответ:

➡️ Map и Set - это две разные структуры данных в JavaScript, предназначенные для хранения уникальных значений.

🔵 Map представляет собой коллекцию пар ключ-значение. Ключи могут быть любого типа данных, включая объекты или примитивы. Он используется для хранения пар ключ-значение, где каждый элемент имеет свой уникальный ключ.

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

CodeBase | Frontend

⚡️ За этого хакера ФБР предлагает $3млн

Евгений Богачёв известен как хакер №1 по миру. Банковские взломы, заражение компьютеров чиновников и мошенничество.

А он живёт в Анапе, да ещё и ведёт свои ТГ-каналы по IT:

🔤 Промт Хакера – хакинг и кибербезопасность
🔤 Ai-чница — секреты ChatGPT и ИИ от хакера
🔤 Войти в IT — Python и веб-разработка с нуля до первых денег
🔤 Технолоджия — Data Science без высшей математики
🔤 ИИ тебя заменит! — прокачка hardskills
🔤 IT индус — лучшие мемы для своих

😒 Советуем сохранить всё сразу, пока не заблокировали: @EvgHackList

👩‍💻 Тернарный оператор

Тернарный оператор работает с тремя операндами: одним условием и двумя выражениями. Возвращает первое выражение, если условие истинно и второе, если условие ложно.

Используется как компактная замена условного оператора if...else.

const num = 5
console.log(num === 5 ? 'Пять' : 'Не пять')
// Пять

➡️ Обьяснение:

(A) ? (B) : (C)

Где A — условие, B — первое выражение, C — второе выражение.

Если первый операнд A вычисляется в истинное выражение true, то оператор вернёт выражение B. Если в false — вернёт выражение C.

💡 Внутри одного тернарного оператора можно написать другой:

const num = 10
const result =  num > 10 ? 'Число больше 10' :
                num === 10 ? 'Число равно 10' : 'Число меньше 10'
console.log(result)
// 'Число равно 10'

В этом случае запись идентична использованию конструкций if...else if ... else. Сначала проверяется первое условие, если оно ложно, то проверяется второе и так далее.

🗣️ Отступы в примере проставлены для лучшей читаемости конструкции, они не влияют на выполнение кода.

CodeBase | Frontend | #js

🕊🕊🕊🕊🕊🕊🕊🕊🕊🕊

Каналы с IT мероприятиями

Подписывайся,
чтобы не пропустить 👨‍💻

1. IT мероприятия для стажеров и студентов
2. IT мероприятия по РФ
3. IT мероприятия и хакатоны
4. Бесплатные IT мероприятия
5. IT мероприятия онлайн
6. IT мероприятия Москва
7. IT мероприятия Санкт-Петербург

🖥 Делаем интерфейс дружелюбнее. Коллекция простых HTML/CSS лайфхаков

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

🔗 Ссылка

CodeBase | Frontend | #article

🔥 Быстро проверить, что слушает порт в Linux

Иногда нужно понять, какой процесс занял порт (например, 80 или 443) и почему сервис не стартует.

🔎 Проверка через ss:

ss -ltnp | grep ':80'

-l — только listening сокеты
-t — TCP
-n — не резолвить имена
-p — показывать PID/имя процесса

Пример вывода:

LISTEN 0 128 *:80 *:* users:(("nginx",pid=1234,fd=6))

Альтернативы:

lsof -i :80 — если привычнее через lsof
fuser 80/tcp — быстрый вариант, сразу PID

⚡️ Когда полезно:

при конфликте сервисов (Apache vs Nginx)
при отладке firewall (порт слушает, но снаружи не доступен)
при проверке автозапуска демонов

👉 Лайфхак: если процесс «убегает» после запуска, можно использовать ss -ltunp в цикле:

watch -n1 "ss -ltunp | grep ':80'"

Так поймаете короткоживущие процессы.

#linux

🐧 Linux Club ©

⚡️Card Beam Animation — Эффектная анимация "распыления" кредитных карт.

Технологии: CSS, JS

🔗 Ссылка

CodeBase | Frontend | #animate

Кто на что учился

🦥Ленивый программист

⚡️ Подготовил для вас небольшую подборку годноты ⚡️

➡️ Анимация

🔵 Animate.css – библиотека CSS анимаций
🔵 Magic – кроссбраузерные анимации
🔵 Hover.css – набор анимаций CSS

➡️ Фоновая заставка

🔵 Coverr – Короткие видео для фона на сайт
🔵 Subte Patterns – Фоны для сайта

➡️ Шпаргалки

🔵 FlexBox – шпаргалка по Flexbox
🔵 CSS Cheat Sheet – шпаргалка по CSS
🔵 Emmet Cheat Sheet – шпаргалка по Emmet

Если вам нравится такой формат постов, добавь 🔥🔥🔥

CodeBase | Frontend | #cheat_sheets #bg