Базовый курс для новичков: «Веб-технологии: начальный уровень» - полностью бесплатно

Рассчитан на тех, кто ещё не знаком с веб-разработкой, но хочет получить начальные знания в данной области. Материал изложен простым языком и подойдёт всем новичкам: школьникам, студентам, учителям информатики и просто любому желающему разобраться с HTML5 и CSS3.

Курс состоит из 6 модулей, рассчитан на 3-5 часов. За курс вы изучите основы HTML5, изучите CSS3, познакомитесь с JavaScript и сверстаете простой лэндинг по макету: https://stepik.org/course/82108/promo

#самообучение #html #css #js

Не будем напрягать сильно голову, напряжём не сильно.

Вопрос: Мужчина заходит в магазин, покупает колбасу и просит её нарезать, но не поперек, а вдоль. Продавщица спрашивает: «Вы пожарник?» — «Да». Как она догадалась?

Ответ: Мужчина был в форме

#загадка #налогику

У Xiaomi есть зарядное устройство на 200 Вт, позволяющее зарядить аккумулятор с ёмкостью до 4000 мАч до 100% всего за 8 минут.

Такими темпами к 2030 году в комплекте с флагманами китайцев будет идти миниатюрный ядерный реактор.

Тестирование HTTP-сервера в Golang

Тестировать надо всё, в том числе и сервера. В этом ролике автор создаст простенький HTTP-сервер, а после — напишет пару тестов для него.

Из ролика вы узнаете, как правильно писать тесты на golang, как запускать HTTP приложение и какого результата стоит ожидать.

Ссылка на ютубчик

#самообучение #go #golang

Music App в рисованном стиле на чистом CSS

Интересный codepen-проект с нестандартным дизайном приложения для прослушивания музыки.

Ссылка на пример кода

#примеркода #html #css

Алгоритмы, дети и веселая практика

«Это одна из главных причин, по которой я занялся программированием :)», — пишут в комментариях к видео Джоша Дарнита (Josh Darnit) и его детей под названием «Exact Instructions Challenge».

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

#devjoke

Cхемы Эшера

Как известно, логика может привести вас от пункта А к пункту Б, а вот воображение — куда угодно. И, пожалуй, где-то в золотой середине находятся схемы Эшера.

Это визуальное представление примитивных логических элементов, которое позволяет выполнять вычисления, следуя за схемой глазами. В подходе занятно используется внутренняя природа человеческого визуального восприятия.

#самообучение

Устройство CPython

CPython — это основная реализация языка Python. Её стоит знать, если вы хотите чтобы ваши приложения работали стабильно и быстро.

В ролике автор рассказывает про устройство интерпретатора и словарей, менеджмент памяти и типизацию. И всё это понятным новичку языком.

Ссылка на ютубчик

#самообучение #c #python #cpython

Анимированноя кнопка с hover-эффектом, которая увеличивается в размере и показывает дополнительные элементы дизайна на углах.

Пример кода

#примеркода #html #css

Методы борьбы со смогом
РКН заблокировал сайт Aqucn, с помощью которого москвичи могли посмотреть качество воздуха в городе.

Сейчас оценить уровень загрязнения можно в IQAir — интерактивной карте, которая показывает не только смог от пожаров, но и место возгорания, а так же направление ветра.

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

ссылка на код

#примеркода #html #css #js

Мало ли соберетесь делать сайт в стиле 80ых, а у вас дизайн кнопок с неоновой подсветкой уже есть. При наведении курсора кнопка загорается ярким, красивым цветом, а внизу появляется ее зеркальное отражение 🔥

Тыкаем в пример кода

#примеркода #html #css

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

Меняем цвета под себя и срочно в прод, код по ссылке

#примеркода #html #css #js

С помощью нейросетей учёным удалось восстановить примерный внешний вид древних людей.

Так и знал, что Леголас был таджиком.

Уже конец пятницы, устал как конь. Давайте загадочку на хорошие выходные

Вопрос: Пара лошадей пробежала 20 километров. Вопрос: сколько километров пробежала каждая лошадь в отдельности?

Ответ: 20 километров

#налогику #загадка

html+css - aнимация кнопок при наведении курсора. Она включает в себя разные варианты заполнения элемента цветом и подсветки.

пример кода

#примеркода #html #css

Пишем полноценное приложение для распознавания голоса с помощью Vue.js 😱

В этом видео показана пошаговая инструкция как создать приложение с распознаванием речи, используя Vue.js, Vite и JavaScript Speech Recognition API. В итоге на вопрос «который час?», например, приложение выдаст поп-ап с временем

Ссылка на ютуб

#самообучение #vue #js

Это инструмент для подбора цветов и генерации цветовых схем. На сайте ColorScheme вы можете найти различные таблицы, каталоги, карты цветов, инструменты для работы с цветом, справочную литературу по цветоведению/колористике и другие тематические материалы.

Сайт

#сервисы

Владельцы автомобилей Mercedes-Benz в России больше не смогут заказать дубликаты ключей.

Автосалоны объясняют это тем, что копию ключа нельзя создать без связи отечественных дилеров со страной производителем. Помимо ключей, проблемы коснутся и ремонта: салоны останавливают продажу сервисных сертификатов и предупреждают о долгих сроках поставки деталей от двух месяцев до полугода.

Вот она, люксовая жизнь: потерял ключ — покупай новый автомобиль.