Лайфхак изучения лексики
В этом посте я поделюсь с вами лайфхаком, который позволит вам за минимальное вложение времени выучить огромное количество английской лексики. Этим лайфхаком в свое время воспользовался я сам и теперь свободно читаю книги на английском и смотрю фильмы и сериалы.
Итак, суть. Покупаете бумажный англо-русский словарь на 10 тысяч слов, а лучше на 30 тысяч. Все словари состоят из скрепленных групп страниц. В группе примерно 20-40 страниц. Аккуратно вырываете первую группу и кладете себе в карман. И затем носите ее с собой везде. Как только выдается свободная минутка - достаете листки и запоминаете 1-2-3 слова.
Норматив - группа за несколько дней. Затем вырываете следующую группу и так далее.
Этим можно заниматься, где угодно. На работе можно каждые 5-10 минут посматривать в листок и запоминать еще одно слово. Стоя в любой очереди. В транспорте. Вечером за сериальчиком. На прогулке. На созвоне.

И так за 3-6 месяцев, практически без затрат времени, можно изучить большое количество лексики.

Проблемы с доступностью code.mu


В соответствии с распоряжением Оперативно-аналитического центра при Президенте Республики Беларусь, с 19:00 24 марта до 23:59 25 марта 2025 года белорусские хостинг-провайдеры ограничили доступ к виртуальному хостингу из-за пределов Республики Беларусь. Эти меры обусловлены угрозами для объектов информационной инфраструктуры и информации, обрабатываемой с их использованием.

Воспользуйтесь офлайн версией:

Начал изучать язык Kotlin:)
При изучении нового языка зачастую сталкиваешься с проблемой, когда в учебнике есть далеко не всё. Учебники по Kotlin пока не сильно развиты.

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

Для примера. Я изучаю Kotlin по сайту metanit, вот тут: https://metanit.com/kotlin/tutorial/
Учебник достаточно хороший, но благодаря своему списку, я вижу, что в учебнике есть далеко не всё. Например, нет работы с файловой системой, нет работы с регулярками, нет работы с базами данных. Эти темы придется искать где-то еще.

Прикрепляю свой список в виде файла. Список универсальный и пригодится при изучении любого языка.

Как объявляются функции в различных языках программирования:

1. JavaScript
function square(n) {
return n * n;
}

2. PHP
function square($n) {
return $n * $n;
}

3. TypeScript
function square(n: number): number {
return n * n;
}

4. Python
def square(n):
return n ** 2

5. Java
public static int square(int n) {
return n * n;
}

6. Kotlin
fun square(n: Int): Int {
return n * n
}

7. C++
int square(int n) {
return n * n;
}

8. C#
public int Square(int n)
{
return n * n;
}

9. Go
func square(n int) int {
return n * n
}

10. Rust
fn square(n: i32) -> i32 {
n * n
}

11. Swift
func square(_ n: Int) -> Int {
return n * n
}

12. Ruby
def square(n)
n * n

13. Dart
int square(int n) {
return n * n;
}

14. Haskell
square :: Int -> Int
square n = n * n

15. Scala
def square(n: Int): Int = {
n * n
}

P.S.
Интересно посмотреть на вариации слова "Функция":
fn, fun, func, function

Вышел Задачник по Kotlin
https://code.mu/ru/kotlin/tasker/stager/

Выше я упоминал, что начал изучать язык Kotlin. Для изучения языка сделал себе задачник и прорешал его. Делюсь этим задачником с вами:)

P.S.
Пока без подсветки кода, попозже добавлю)

Современные браузеры стали поддерживать импорты ES6 модулей без сборщиков, типа Webpack. На практике без сборщиков все равно не обойтись - они повышают скорость загрузки страницы из-за того, что грузится один файл, вместо многих модулей.

Однако, поддержка модулей в браузере позволила создать новый сборщик, который работает на порядок быстрее Webpack. Этот сборщик называется Vite (читается "вит").

Из-за этого Webpack можно считать устаревшим.
Переходите на Vite!

Попозже я планирую добавить учебник по Vite на code.mu, а пока можете посмотреть вот это видео (не мое, но раскрывает картину):
https://www.youtube.com/watch?v=evmIHSAn1AU

Установка React

Ранее React работал через Webpack и мы использовали
классический способ установки через Create React App (CRA). Вот он:
npx create-react-app my-app
cd my-app
npm start

Этот способ сейчас, в 2025 году, еще работает, но уже считается устаревшим и выдает deprecated.

Теперь React работает через Vite, так как новый сборщик радует нас высокой скоростью сборки проекта.

Однако, способ установки React теперь изменился и выглядит вот так:
npm create vite@latest my-react-app -- --template react
cd my-react-app
npm install
npm run dev

P.S.
Внес соответствующие изменения в учебник React, вот тут https://code.mu/ru/javascript/framework/react/book/prime/basis/install/

P.P.S
Продвинутые части учебника сразу были сделаны с учетом Vite и было некоторое несоответствие) Привел в порядок)

Бесплатные курсы по Git

Преподаватель: Трепачёв Дмитрий, автор сайта code.mu
Продолжительность: 3 недели.

Начинаем, когда соберется 1000 желающих:)
Для записи вступайте в следующий канал:
https://t.me/+EcXTs5I1dlk3Y2Uy

P.S.
Вступайте сами и приглашайте друзей:)

Проект Сказки для детей
https://skazki.prx.by/

Авторы работы: Леончик Максим, Екатерина Шмелева
Технологии: HTML, CSS, JavaScript, PHP, парсинг.

Данный проект мы сделали для всех, у кого есть маленькие дети:) Дело в том, что почитать сказку на ночь с телефона - целая проблема! Есть сайты со сказками, но они переполнены рекламой и крайне неудобные. Поэтому мы сделали сайт со сказками, в котором не будет рекламы, адаптированный под просмотр с телефона, с дневной и ночной темой. Кроме того, можно настроить под себя цвет текста и фона, а также размер шрифта и межстрочного интервала. Пользуйтесь на здоровье:)

P.S.
Сайт сделан моими учениками в рамках практики на курсы. Подобные проекты делают все, кто занимается на тарифе Практик. Подробнее про него тут: mentor.code.mu

Проект Английские фразовые глаголы
https://phvb.prx.by/

Автор работы: Антон Ворончихин
Технологии: HTML, CSS, JavaScript, React, NodeJS, crypto-js

Данный сайт предназначен для изучения фразовых глаголов. Это такие глаголы, у которых предлог существенно меняет значение слова. Например, give - давать, а give up - сдаваться.
В английском языке таких глаголов существует достаточно много, а вот каких-то словарей по ним в чистом виде я не встречал.
Поэтому мы создали такой сайт) Для того, чтобы добыть фразовые глаголы, была проделана большая работа. Мы взяли большой словарь Мюллера over 100 тыс слов и написали программу, которая добыла фразовые глаголы (это было нелегко). А затем я лично вручную проверил каждый глагол, отбросив лишние переводы (это был совсем тяжелый труд).

НОВИНКА!

Готов первый учебник по NextJS:
https://code.mu/ru/javascript/framework/next/book/prime/

Выходит с задержкой:)
Знаю, что его многие ждут, поэтому
только что доделал и сразу выкладываю:)

И одновременно стартует долгожданный бесплатный курс по NextJS. Желающие - присоединяйтесь к нам вот тут:
https://t.me/+-aI2lFe6VzExZmEy

P.S.
Это первый учебник из запланированных:)
Потом планируются еще продвинутые материалы!

Бесплатный курс ПРАКТИКА НА ВЕРСТКУ.
Начало: 25-го августа.

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

Отличная возможность попрактиковаться в верстке!
Для записи вступайте в следующий канал:
https://t.me/+bHn7Ah4jgeI5OTUy

Функция clamp() в CSS

Эта функция позволяет задать гибкое значение свойства, которое автоматически адаптируется к разным условиям (например, к разным размерам экрана).

Оно позволяет менять размеры шрифта, а также размеры блоков без медиа-запросов, тем самым сокращая и упрощая код.

Допустим, вы хотите, чтобы заголовок менял размер в зависимости от ширины экрана, но не становился меньше 16px и больше 32px. Функция clamp сделает это автоматически.

Подробнее с примерами смотрите тут:
https://code.mu/ru/markup/manual/css/function/clamp/

Свойство backdrop-filter в CSS

Это свойство позволяет применять фильтры (размытие, изменение контраста, цветовые эффекты) к области, находящейся позади элемента. Это создает эффект "стекла" или "морозного стекла".

Подробнее с примерами смотрите тут:
https://code.mu/ru/markup/manual/css/property/backdrop-filter/

P.S.
В качестве практического применения свойства можно указать модальное окно. С помощью backdrop-filter можно размыть основной сайт позади модалки. Попозже выпущу такой урок:)

Бесплатный курс по Python для новичков.

Курсы проходят в формате "менторство": я выдаю учебник и задачник, вы читаете, задаете вопросы, решаете задачи и присылаете на проверку.

Начало: 20-го августа.
Для записи вступайте в следующий канал:
https://t.me/+k2k7VLPc2ihkYWRi

Листая справочник CSS, обнаружил, что страница про свойство position без примеров. Доработал, добавил примеры на все варианты использования, а также новое sticky позиционирование:

https://code.mu/ru/markup/manual/css/property/position/

Доработал CSS свойство text-stroke

Добавил больше примеров, а также градиентную заливку и анимацию обводки.

Смотрите тут:
https://code.mu/ru/markup/manual/css/property/text-stroke/

Свойство clip-path в CSS

Данное свойство определяет область отображения элемента, обрезая его по заданной форме. В качестве параметра принимает функцию обрезки или путь SVG.

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

Подробности с примерами смотрите по ссылке:
https://code.mu/ru/markup/manual/css/property/clip-path/

Свойство mask в CSS

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

Подробности с примерами смотрите по ссылке:
https://code.mu/ru/markup/manual/css/property/mask/?v=1