Java. Определение четных и нечетных чисел в сторке

Ввести с клавиатуры число. Определить, сколько в введенном числе четных цифр, а сколько нечетных.
Если число делится без остатка на 2 (т. е. остаток равен нулю), значит оно четное.
Увеличиваем на 1 счетчик четных цифр (статическая переменная even).
Иначе число нечетное, увеличиваем счетчик нечетных цифр (статическая переменная odd).
Вывести на экран сообщение: "Even: а Odd: b", где а - количество четных цифр, b - количество нечетных цифр.

Пример для числа 4445:
Even: 3 Odd: 1

Java. Уничтожение объекта

Метод вызывается Java-машиной у объекта перед тем, как объект будет уничтожен. Фактически этот метод – противоположность конструктору. В нем можно освобождать ресурсы, используемые объектом.
Чаще всего объекты, созданные в методе и объявленные мусором после его завершения, уничтожаются сразу же и без всяких вызовов метода finalize(). Этот метод скорее дополнительная страховка, чем надёжное решение.

Java. Минимум из 5 чисел

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

Java. Задача. Суммирование введенных чисел

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

Java. Вывод текущей даты

import java.util.Date;

public class Solution {
    public static void main(String[] args) {
    System.out.printf("%td %<tm %<tY", new Date());
    }
}

Java. Среднее арифметическое

Среднее арифметическое
Вводить с клавиатуры числа и вычислить среднее арифметическое.
Если пользователь ввел -1, вывести на экран среднее арифметическое всех чисел и завершить программу.
-1 не должно учитываться.

Java. Среднее из 3 чисел

Ввести с клавиатуры три числа, вывести на экран среднее из них.

Т.е. не самое большое и не самое маленькое.

Если все числа равны, вывести любое из них.

Java. Потоки ввода/вывода и строки в Java

Для ввода данных используется класс Scanner из библиотеки пакетов Java.

Для работы с потоком ввода необходимо создать объект класса Scanner, при создании указав, с каким потоком ввода он будет связан. Стандартный поток ввода (клавиатура) в Java представлен объектом — System.in. А стандартный поток вывода (дисплей) — уже знакомым вам объектом System.out.

Java. Char

Большую часть времени, если Вы будете использовать единственное символьное значение, то Вы будете использовать примитив char ввести. 

Java. Escape-последовательности

Символ, которому предшествует наклонная черта влево (\), является escape-последовательностью и имеет особое значение к компилятору. 

Java. Ввод с клавиатуры

Пример 1. Ввод строки и числа с клавиатуры
InputStream inputStream = System.in;
Reader inputStreamReader = new InputStreamReader(inputStream);
BufferedReader bufferedReader = new BufferedReader(inputStreamReader);

String name = bufferedReader.readLine(); //читаем строку с клавиатуры
String sAge = bufferedReader.readLine(); //читаем строку с клавиатуры
int nAge = Integer.parseInt(sAge); //преобразовываем строку в число.

Пример 2. Более компактная запись первой части:
BufferedReader reader = new BufferedReader(new InputStreamReader(System.in));

String name = reader.readLine();
String sAge = reader.readLine();
int nAge = Integer.parseInt(sAge);

Java. Выводим иероглифы.

char jap1 = '\u65E5';
char jap2 = '\u672C';
char jap3 = '\u8A9E';
System.out.print(""+jap1+jap2+jap3);
Пустая строка нужна для того, чтобы произошло преобразование char в String.

Java. Таблица умножения 10 на 10

Напишем таблицу умножения 10 на 10.

Bootstrap 4. Вставка видео

<!-- Видео. Начало -->
<!--
Начальная ссылка:  https://www.youtube.com/watch?v=SP9A1gg4mv0
Ссылка для вставки: https://www.youtube.com/embed/SP9A1gg4mv0
16by9 - это стороны видео для отображения
-->

Bootstrap 4. Карточки

Классы: card, card-body, card-title, card-text.
card-img-overlay - отображает текст на картинке
card-group - группа карточек, card-deck - делает промежутки между карточками

Bootstrap 4. Flexbox

Флекс боксы.

Bootstrap 4. Классы отступов

Классы можно посмотреть на сайте: https://bootstrapcreative.com/resources/bootstrap-4-css-classes-index/
В Бутстрап 4 есть классы для отступов m, p  др.
https://getbootstrap.com/docs/4.1/utilities/spacing/

Bootsrap 4. Форма в модельном окне

Напишем форму регистрации.

Bootsrap 4. Модальное окно

Заметка: добавление класса modal-lg делает окно большим, а modal-sm - маленьким.

Bootsrap 4. Сетка

.col - применяется для авто компановки.
.w-100 - ширина 100%.
.justify-content-center - выравнивание контента по центру
.justify-content-end - выравнивание контента правому краю
.justify-content-around - задает выравнивание элементов вдоль главной оси
.justify-content-between - растягиваются, как ячейки таблицы

Bootsrap 4. Слайдер

Дополним страницу слайдером.

Bootstrap 4. Навигация

Цветовые схемы navbar:
navbar-dark bg-dark
navbar-light bg-primary/light

Цвет фона можно переопределить на любой свойсвом background-color.

Фиксированный navbar достигается добавлением класса fixed-top или sticky-top
Фиксирует внизу страницы: fixed-bottom

Настройка MODx

1. Отправляемся в пункт меню "Приложения" - "Установщик".
На самой странице нажимаем "Загрузить дополнения".

Геометрические фигуры на CSS

https://habr.com/post/126207/

Gulp. Урок 8. Сборка проекта в продакшен в папку dist

Сборка проекта в продакшен в папку dist
1) Создаем папку dist и копируем туда папки css, js, img

Gulp. Урок 7. Следим за изменением файлов.

Следим за изменением файлов. Gulp -watch.

Gulp. Урок 6. Генерация префиксов и автообновление

1) Установка префиксов в css - gulp-autoprefixer
https://www.npmjs.com/package/gulp-autoprefixer

Gulp. Урок 5. Компиляторы. React, Angular, CofeeScript,Dust, SASS, LESS

Компиляторы. React, Angular, CofeeScript,Dust, SASS, LESS

Gulp. Урок 4. Плагины для изображений

Плагины для работы с графикой

Gulp. Урок 3. Плагины для JS.

Плагины для работы с JS-файлами.

Gulp. Урок 2.

Плагины Gulp для работы с css.
1) gulp-concat-css объединяет css файлы.
https://gulpjs.com/plugins/
Установка: npm i gulp-concat-css

Gulp. Урок 1

1) Скачиваем node.js.

Установка GIT и Node.Js

Статья о том, как работать с консолью. 

JQuery. Плагины модального окна, слайдера

Для модальных окон - arcticModal.
Слайдеры: Wowslider, bxSlider, Slickslider (очень функциональный).

CSS. Делаем пунктирную рамку с кружком в центре. 2 варианта

CSS. Делаем темное перекрытие для картинки

index.html

CSS. Bootsrap. Как разместить заголовок и кружок по центру экрана

Как разместить заголовок и кружок по центру экрана, чтобы при масштабировании они были всегда в центре экрана.
Для этого нам нужно отказаться от стилей бутстрапа для них и применить позиционирование.
Выведем блоки за контейнер бутстрапа:
<h1>Hello, world!</h1>
<div class="arrow"></div>

CSS. Bootsrap. Как убрать стили бутстрапа у ссылки

Для этого нам нужно переписать стили:

CSS. Размер размер шрифтов

em - размер шрифта отсчитывается от ближайшего родительского элемента, у которго задан размер.
rem - задаёт размер относительно размера шрифта элемента <html>.

Конвертировать шрифты из пикселей в em можно на сайте: pxtoem.com

CSS. Эффект перекрытия при наведении на картинку

XML. Конспект 4

Средства преобразований XML
В браузере: <?xml-stylesheet type="text/xsl" href="style.xsl"?>

XML. Конспект 3

Использование XML-схем не отменяет использование DTD.
Полноценный dateTime: <x>2013-06-11T18:40:45</x>
date: <x>2013-06-11</x>
time: <x>18:40:45</x>
gMonthDay: <x>--06-1111T18:40:45</x>
gDay: <x>---11T18:40:45</x>
duration: <x>P5Y3M21D</x> - 5 лет 3 месяца 21 день

XML. Конспект 2

DTD очень старый формат.
Описание структуры документа - DTD.
Для программного анализа используются парсеры XML.
Парсер – синтаксический анализатор документа.
SAX – Simple API of XML.
DOM – Document Object Model.

XML. Конспект 1

Плагины для Notepad++ для работы с XML - Плагин Менеджер - Show Plagin Manager.
Нам нужен: XML Tools, XPatherizerNPP.

XML. Знакомство

XML - расширяемый язык разметки. Это инструмент для хранения и представления структурированных данных.
XML понимают многие приложения. Это стандартный язык.
Документы в формате XML используются для обмена информацией между разными программами.
XML используется для создания специализированных языков разметки (XHTML).

PHP. Пример веб-сервиса. SOAP

Рассмотрим пример простого веб-сервиса. У нас есть 3 файла: sever.php (серверная часть),  client.php (обращение клиента к серверу) и stock.wsdl

PHP. Преобразование XML c XSL/T

Extensible Stylesheet Language /Transformations.
Стилевая технология, предназначенная для трансформации XML-документов в другие форматы.
Таблицы стилей XSL создаются по правилам XML-документов
Таблицы стилей XSL состоят из набора шаблонов.

PHP. Парсинг XML-файла. DOM

Сделаем парсер xml-файла с помощью объектно-ориентированных методов.
Код xml-файла доступен на этой странице.

PHP. Парсинг XML-файла. SAX

Допустим, у нас есть xml-файл, который мы хотим вывести в виде таблицы книг на странице.

PHP. Как правильно проверять формы.

Во-первых.
Вместо того, чтобы писать проверку вроде:
if($_POST["name"]){}

CSS. Позиционирование кругу по центру блока с помощью свойства position

Иногда мы можем позиционировать блок только с помощью свойства position. В данном примере позиционирование вычисляется за счет смещения, а также свойства margin, размер которых составляет 50% от размера блока.

HTML. SEO сайта. Краткое руководство

Рассмотрим на примере макета, как сделать основную оптимизацию сайта. Нужно помнить, что поисковики сначала считывают title станицы, затем все заголовки, а уже потом слова в тегах <b></b> и <strong></strong>. Посмотрим макет.

CSS. Как сделать подчеркивание после заголовка с помощью псевдо класса

Создавать для этого пустой блок не имеет смыла. Это можно реализовать через псевдо класс after.

CSS. Как избавиться от обтекания. 2 способа

Рассмотрим на примере 2 метода: старый и новый.

CSS GRID. Верстка простого макета

Попробуем сделать макет сайта по технологии CSS GRID.

CSS GRID. УПРАВЛЕНИЕ ЭЛЕМЕНТАМИ ОТНОСИТЕЛЬНО ОСЕЙ

Рассмотрим на примере.

CSS Grid. Выравнивание элементов

Рассмотрим на примере.

Flexbox. Основы

Рассмотрим на примере.

Работа в Германии.

Автор статьи Виталий, ведущий группы "Реальная Германия.

Bootstrap 3: фото-галерея

Создадим галерею Thumbnails, состоящую из 12 изображений (на lg-устройствах - 4x3, на md-устройствах – 3x4, на sm-устройствах – 2x6, на xs-устройствах – 1x12).

Доработаем пример таким образом, чтобы картинка в нём выводилась в модальном окне при нажатии на неё.

CSS: переходы, анимация и трансформация (transition, animation, transform)

HTML

HTML: favicon и мнемоники

Добавление favicon.

HTML. Вставка аудио и видео. Теги audio и video

<!-- Добавление видео. Необходимо указывать форматы: mp4, ogv, webm -->

PHP. Быстрое получение данных из формы.

Допустим, у нас  есть форма с логином и паролем. Как мы можем создать переменные для последующей работы с ними?

HTML. Все о тегах form, input на примере.

fieldset, legend и другие.