MathML на примерах

На webref.ru добавился учебный курс по MathML.Это язык разметки математических выражений, который расширяет возможности HTML. В курсе рассказывается, как писать математические выражения, содержащие дроби, корни, степени, интегралы и суммы. Также написано про системы уравнений и матрицы.

Каждый урок сопровождается самостоятельной работой (всего 35 заданий), а ещё есть интерактивные задания и тесты для закрепления прочитанного материала.

MathML покажется языком довольно простым для тех, кто уже знаком с HTML, и освоить его можно буквально за один-два дня. Так что изучайте и расширяйте свои возможности и знания.

Лучшие курсы по программированию для начинающих в 2024 году

Программисты – одни из самых высокооплачиваемых работников, причём не только в IT-индустрии. Больше опытного кодера получают разве врачи, узкие специалисты и разного рода менеджеры (управляющее звено). Для желающих примкнуть к сообществу разработчиков, выучить новый язык или повысить квалификацию мы сделали подборку лучших курсов по программированию. Ещё больше курсов вы сможете найти на агрегаторе онлайн-курсов.

Java-разработчик | GeekBrains

  • Для кого: будущие разработчики, IT-специалисты (переквалификация).
  • Формат: живые и записанные лекции, практические задачи, контрольные работы, тренажёр, аттестация.
  • Длительность: 9 месяцев (15 часов еженедельно).
  • Стоимость: 36 × 3 839 ₽/мес.
  • Документ: диплом.
  • Проекты для портфолио: есть.
  • Преподаватели: команда из 24 экспертов — программисты, DevOps-инженеры.
  • Программа: Основы программирования. Git. Базы данных. Математика для IT. Алгоритмы, структуры данных. ООП. Обработка исключений. Инструменты Java. Spring. Linux. Контейнеризация. SQL. Карьерные мероприятия.

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

Особенности

  • На практику отведено 300+ часов (100+ заданий).
  • Обратная связь от практиков, ревью кода.
  • Бесплатная консультация в выборе программы.
  • Изучение 23 инструментов разработчика.
  • Курс по нейросетям и английскому языку в подарок.

Преимущества

  • Асинхронный формат – учитесь, когда удобно.
  • Доступ к дополнительным материалам, закрытому каналу.
  • Трудоустройство в течение 3 месяцев или возврат всей суммы, потраченной на обучение.
  • Помощь в построении карьеры.
  • Работа с преподавателем.
  • Рассрочка без переплат.

Недостатки

  • Изучать Java с нуля будет непросто, но проявив упорство и больше работая с преподавателем, справляются даже новички.

Справочник MathML

На webref.ru добавился новый справочник по элементам MathML.Это язык разметки математических выражений, который расширяет возможности HTML. Таким образом, если вы уже знакомы с HTML, то и синтаксис MathML окажется простым и понятным. С его помощью на веб-странице можно размещать сложные формулы со степенями, корнями, интегралами, суммами и системы уравнений. Современные браузеры все эти возможности поддерживают на ура, так что никаких дополнительных JavaScript-библиотек уже не требуется.

Бесплатные курсы по программированию для начинающих

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

Основы Python-разработки | Яндекс.Практикум

  • Для кого: все желающие, обучение с нуля.
  • Формат: теоретические материалы, практика на интерактивной платформе.
  • Длительность: 20 часов.
  • Чему научитесь: на мини-курсе освоите основы бэкенд-разработки на Python. Вы научитесь писать код и создадите личного помощника Анфису, способного искать информацию на сторонних ресурсах.

Руководство по Bootstrap 5

Добавил новое большое руководство по Bootstrap 5 от Йена Диксона. Новые возможности, типографика, работа с формами и таблицами, компоненты — всё это вы найдёте в руководстве.

Bootstrap — это бесплатный набор инструментов с открытым исходным кодом для создания сайтов и веб-приложений. Это самый популярный HTML, CSS и JavaScript-фреймворк для разработки адаптивных и ориентированных на мобильные устройства проектов в Интернете.

Bootstrap 4

Погружение в псевдоэлементы ::before и ::after

На webref.ru вышло новое руководство от Уилла Бойда, посвящённое псевдоэлементам ::before и ::after.

Рассказано, что это такое и как ими пользоваться и приведены примеры использования этих псевдоэлементов — создание декоративных заголовков, оформление цитат с помощью кавычек, изменение маркеров списка, анимация и другие темы.

Переход на новый хостинг

htmlbook.ru перешёл на хостинг Beget. Переход был вызван наобходимостью снижения расходов и повышения надёжности и скорости работы сайта.

Сама смена хостинга должна была пройти незаметно и без всяких остановок работы, но если, тем не менее, возникнут какие-то проблемы с доступом к сайту или его работой, дайте знать. Пишите на ящик vlad@htmlbook.ru или в комментариях.

CSS-анимация для начинающих

CSS-анимация для начинающих

На webref.ru добавлен новый курс CSS-анимация для начинающих. Это перевод книги CSS Animation 101 от Донована Хатчинсона.

В книге рассмотрены следующие темы:

  • переходы — теория, практика, множественные переходы для одного элемента, использование JavaScript;
  • функции времени;
  • анимация — теория, практика, ключевые кадры, несколько анимаций сразу;
  • анимация элементов при прокрутке веб-страницы.

Всё сопровождается примерами с CodePen, так что можно не только посмотреть примеры в работе, но и внести в них какие-то изменения.

Без анимации сейчас ни один сайт не обходится, так что изучать эту тему надо обязательно.

Стилизация элемента <meter>

Элемент <meter> применяется для визуального представления числа в заданном диапазоне. <meter> прекрасно стилизуется, хотя браузеры используют для этой цели свои специфические наборы псевдоэлементов. На мой взгляд, <meter> используют необоснованно редко, хотя это простой, наглядный и легко стилизуемый элемент.

Стилизация элемента meter

На webref.ru вышел курс посвящённый стилизации <meter>. В нём рассматривается как его использовать, как стилизовать под Firefox, Chrome и другие браузеры. Чем хорош <meter>, так это тем, что на нём можно отработать практически все приёмы вёрстки. Поэтому рассмотрены следующие темы:

  • градиенты;
  • тени;
  • трансформация;
  • вывод атрибутов.

К каждому уроку приводятся задания на закрепление материала и задачи для самостоятельного решения. В конце курса можно пройти финальную викторину.

Использование псевдоэлемента ::marker

Для изменения вида маркеров в списке издавна используется приём с псевдоэлементом ::before. Для начала скрываем исходные маркеры через свойство list-style.

li { list-style: none; }

Затем добавляем свои маркеры с помощью комбинации ::before и свойства content.

li::before {
 content: '►';
}

Справочник HTML

Большой популярностью пользуется справочник HTML, поэтому обновил локальную версию, которая не требует подключения к Интернету и пользоваться ей можно даже в деревне. Был бы компьютер только.

Все примеры со всеми картинками теперь можно смотреть сразу в браузере!

Вот форма сразу для оплаты. Справочник стоит 59 рублей (с учётом комиссии обойдётся рублей в 65 примерно); как обычно, считайте это поддержкой сайта, чтобы в будущем были новые учебные курсы и руководства. Без вашей поддержки ничего этого не будет.

Кто уже приобретал, обновление должно прийти автоматом, лишний раз платить ничего не нужно.

Псевдоэлемент ::first-line

Сделал небольшой видеоролик, посвящённый довольно редко используемому псевдоэлементу ::first-line. Как вам такой формат рассказа о CSS? Запланировано ещё несколько подобных видео.

Справочник HTML

На сайте webref.ru обновился справочник HTML. На самом деле изменения в справочник вносятся постоянно и в какой-то момент их количество становится столь велико, что об этом можно заявить отдельно.

Итак, что стало нового.

  • Нет акцента на HTML5. Раньше такие элементы выделялись специальным значком, а в описании говорилось об их принадлежности к HTML5. Теперь все элементы между собой равны и каким-либо образом не разделяются.
  • Появилась отдельная группа с устаревшими элементами HTML. Обязательно указывается что элемент устарел, использовать его не нужно и показана современная альтернатива в виде другого элемента или CSS.
  • Обновилась таблица браузеров, где указана версия, начиная с которой идёт поддержка элемента или его атрибута.
  • Дополнены некоторые описания элементов и их атрибутов.
  • Обновлены ссылки на спецификацию HTML. W3C отказалась от поддержки HTML5 и передала эти полномочия WHATWG. Теперь у нас нет HTML 5.3, а есть просто живой стандарт.
  • Примеры это отдельная тема. Результат примера сразу же отображается в браузере и видно как этот элемент HTML будет выглядеть в действительности. Каждый пример буквально одной кнопкой можно скопировать в буфер, а затем вставить код в свой любимый редактор. Также через кнопки можно переправить код примера в популярные песочницы JSFiddle и CodePen, где, опять же, доработать под свои нужды.

Примеры

Расстановка переносов в тексте

Выравнивание текста появилось в CSS ещё в первой версии и в каком-то смысле копировало возможности текстовых редакторов.

В текстовых абзацах выравнивание по умолчанию происходит по левому краю, а правый же край остаётся неровным, в виде «лесенки». Для большинства текстов это смотрится вполне естественно, да и читать вполне комфортно (рис. 1).

Текст, выровненный по умолчанию

Рис. 1. Текст, выровненный по умолчанию

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.