SQL WHERE
Используется для указания условия при извлечении данных из таблиц .
WHERE используется не только в операторе SELECT, но также в операторе UPDATE, DELETE
Синтаксис
Используется для указания условия при извлечении данных из таблиц .
WHERE используется не только в операторе SELECT, но также в операторе UPDATE, DELETE
Синтаксис
SELECT column1, column2, columnN
FROM table_name
WHERE
column2 > 25
Следующий запрос является примером, который извлекает поля column1, column2, columnNиз таблицы
table_nameгде значения в
column2 больше 25❤2
NODEMAILER
Это модуль для приложений Node.js, позволяющий легко отправлять электронные письма.
Преимущества :
- Поддержка Юникода для использования любых символов , включая эмодзи 💪
- HTML content вместо обычного текста ✉️
- Быстрая настройка 🛠
- Множество конфигураций ⚙️
- Безопасность 🦠
- Более миллиона установок ♻️
Это модуль для приложений Node.js, позволяющий легко отправлять электронные письма.
Преимущества :
- Поддержка Юникода для использования любых символов , включая эмодзи 💪
- HTML content вместо обычного текста ✉️
- Быстрая настройка 🛠
- Множество конфигураций ⚙️
- Безопасность 🦠
- Более миллиона установок ♻️
PHP mktime()
Функция mktime работает аналогично функции time, но, в отличие от нее, принимает параметры: mktime(час, минута, секунда, месяц, день, год) (обратите внимание на то, что месяц и день переставлены местами)
Пусть нам нужно найти разницу в секундах между текущим моментом времени и полуднем
Функция mktime работает аналогично функции time, но, в отличие от нее, принимает параметры: mktime(час, минута, секунда, месяц, день, год) (обратите внимание на то, что месяц и день переставлены местами)
<?php
/* Функция вернет timestamp для 31 января 2020 года,
12 часов, 43 минуты, 59 секунд: */
echo mktime(12, 43, 59, 1, 31, 2020);
?>Применение :
Пусть нам нужно найти разницу в секундах между текущим моментом времени и полуднем
<?php
/* Функция time() вернет текущий момент времени в формате timestamp,
а mktime - за заданную дату.
Отнимем результаты друг от друга и получим разницу в секундах: */
echo time() - mktime(12, 0, 0, 2, 1, 2000);
?>This media is not supported in your browser
VIEW IN TELEGRAM
Google bot and JavaScript
Алгоритм GoogleBot для индексации JS сайта:
- загрузка HTML
- Загрузка CSS и JS
- Разбор и компиляция js через WRS (Google Web Rendering Service)
- Получение данных с api
- Обработка системой индексирования
- Добавление новых ссылок в очередь на сканирование
На 1 Мб JS-кода по информации из Google Samsung Galaxy S7 тратит примерно 850 мс, а Nexus 5 — примерно 1700 мс!
Некоторые рекомендации JS разработчикам:
- стоит стремиться к тому, чтобы обеспечить скорость выполнения скриптов.Google вряд ли станет ждать результатов выполнения скрипта, более 5 секунд
- присутствие контента, ссылок в DOM до того, как сработает JS.
Алгоритм GoogleBot для индексации JS сайта:
- загрузка HTML
- Загрузка CSS и JS
- Разбор и компиляция js через WRS (Google Web Rendering Service)
- Получение данных с api
- Обработка системой индексирования
- Добавление новых ссылок в очередь на сканирование
На 1 Мб JS-кода по информации из Google Samsung Galaxy S7 тратит примерно 850 мс, а Nexus 5 — примерно 1700 мс!
Некоторые рекомендации JS разработчикам:
- стоит стремиться к тому, чтобы обеспечить скорость выполнения скриптов.Google вряд ли станет ждать результатов выполнения скрипта, более 5 секунд
- присутствие контента, ссылок в DOM до того, как сработает JS.
Что выведет код выше?
Anonymous Quiz
15%
July 23 was on 104337
26%
July 23 was on Thursday
31%
July 23 was on July 23
28%
July 23 was on 0007232020
JavaScript arr.entries()
Метод arr.entries() используется для получения нового массива, который содержит ключ и значение для каждого индекса массива.Данный метод не принимает параметров
Output :
Applying the Array entries method:
0,HTML
1,CSS
2,JS
3,Bootstrap
4,PHP
Метод arr.entries() используется для получения нового массива, который содержит ключ и значение для каждого индекса массива.Данный метод не принимает параметров
var array = ["HTML", "CSS", "JS",
"Bootstrap", "PHP"];
var entries = array.entries();
console.log("Applying the Array entries method:");
for (var i of entries) {
consol.log( i );
} Output :
Applying the Array entries method:
0,HTML
1,CSS
2,JS
3,Bootstrap
4,PHP
SQL Aliases
SQL Aliases используется, чтобы дать таблице или столбцу в таблице временное название.
Оно существует только на время запроса.
Оптимально использовать для :
- Читабельности, при длинных названиях
- Для объединения 2-х и более столпцов
CustomerName
Alfreds Futterkiste
Address
Obere Str. 57 12209 Berlin
SQL Aliases используется, чтобы дать таблице или столбцу в таблице временное название.
Оно существует только на время запроса.
Оптимально использовать для :
- Читабельности, при длинных названиях
- Для объединения 2-х и более столпцов
SELECT CustomerName, CONCAT(Address, " ", PostalCode, " ", City) AS Address
FROM Customers;
Output:CustomerName
Alfreds Futterkiste
Address
Obere Str. 57 12209 Berlin
This media is not supported in your browser
VIEW IN TELEGRAM
CSS | Flex-shrink
3адает «коэффициент сжатия при заполнении», который определяет, насколько элемент будет сжиматься относительно остальных элементов в контейнере, когда в блоке недостаточно места.
По умолчанию он установлен на 1
Пример :
Представьте, что у нас есть три предмета в одном контейнере.
Посмотрите, что указывают их значения flex-shrink:
Первый элемент flex-shrink: 1;
Теряет 1/6 пространства
Второй элемент flex-shrink: 3;
Потеряет 3/6 (половину) свободного пространства
Третий элемент flex-shrink: 2;
Потеряет 2/6 (трети) свободного пространства
3адает «коэффициент сжатия при заполнении», который определяет, насколько элемент будет сжиматься относительно остальных элементов в контейнере, когда в блоке недостаточно места.
По умолчанию он установлен на 1
Пример :
Представьте, что у нас есть три предмета в одном контейнере.
Посмотрите, что указывают их значения flex-shrink:
Первый элемент flex-shrink: 1;
Теряет 1/6 пространства
Второй элемент flex-shrink: 3;
Потеряет 3/6 (половину) свободного пространства
Третий элемент flex-shrink: 2;
Потеряет 2/6 (трети) свободного пространства
This media is not supported in your browser
VIEW IN TELEGRAM
Bit | Набор современных компонентов
Bit позволяет разработчикам и командам экономить время, предоставляет набор готовых компонентов для всех популярных JS фреймворков (React, Vue, Node, Angular) и нативного JS.
Он работает с GitHub и NPM, так что вы можете легко публиковать и устанавливать компоненты для любого проекта.
Bit позволяет разработчикам и командам экономить время, предоставляет набор готовых компонентов для всех популярных JS фреймворков (React, Vue, Node, Angular) и нативного JS.
Он работает с GitHub и NPM, так что вы можете легко публиковать и устанавливать компоненты для любого проекта.
This media is not supported in your browser
VIEW IN TELEGRAM
CSS | Google Border
Анимированный border на HTML / CSS в стиле Google с использованием
Адаптивный ко всем экранам
Анимированный border на HTML / CSS в стиле Google с использованием
@keyframes , ::before, ::after
Совместимые браузеры: Chrome, Edge, Firefox, Opera, SafariАдаптивный ко всем экранам
PHP | экранирование строк
Экранирование нужно для безопасности когда одни ЯП пишут текст для других ЯП, чтобы те могли его "прочитать".Если пользователь явно пытается "внедрить" вам какой-то скрипт, вы можете легко предотвратить его. Вы всегда должны экранировать пользовательские данные прежде, чем поместить их в SQL-запрос (это же касается и HTML).
Функция addlashes() — экранирует строку с помощью слешей т.е возвращает строку с обратным слешем перед символами :
(одинарная кавычка) ‘ ,
(двойные кавычки) " ,
(обратный слэш) \ ,
NUL (байт NULL)
Функция принимает в качестве параметров только строку.
Экранирование нужно для безопасности когда одни ЯП пишут текст для других ЯП, чтобы те могли его "прочитать".Если пользователь явно пытается "внедрить" вам какой-то скрипт, вы можете легко предотвратить его. Вы всегда должны экранировать пользовательские данные прежде, чем поместить их в SQL-запрос (это же касается и HTML).
Функция addlashes() — экранирует строку с помощью слешей т.е возвращает строку с обратным слешем перед символами :
(одинарная кавычка) ‘ ,
(двойные кавычки) " ,
(обратный слэш) \ ,
NUL (байт NULL)
Функция принимает в качестве параметров только строку.
<?php
// PHP program to demonstrate the
// working of addslashes() function
$str = addslashes('twinkle loves "coding"');
echo($str);
?>
Output : twinkle loves \"coding\"echo addslashes(' "Thank" you ')
Anonymous Quiz
26%
Syntax error
43%
\"Thank\" you
12%
/"Thank/" you
19%
\' \"Thank\" you \'
MeteorJS | Node.js Framework
MeteorJS подойдет для всех потребностей, от простых приложений, таких как финансовый отчёт, до управления данными больницы (выходит менее 2 тыс. строк back-end и front-end кода)
С помощью готовых модулей этого фреймворка можно создать рабочее приложение за считанные часы, что требовало бы много затрат времени в стеке MEAN (MongoDB, Express.js, AngularJS and Node.js).
Также хорошо MeteorJS справляется с разными компиляторами, такими как CoffeeScript.
На сайте фреймворка есть интерактивные обучения, в которых можно создать TO-DO app или Whatsapp clone
MeteorJS подойдет для всех потребностей, от простых приложений, таких как финансовый отчёт, до управления данными больницы (выходит менее 2 тыс. строк back-end и front-end кода)
С помощью готовых модулей этого фреймворка можно создать рабочее приложение за считанные часы, что требовало бы много затрат времени в стеке MEAN (MongoDB, Express.js, AngularJS and Node.js).
Также хорошо MeteorJS справляется с разными компиляторами, такими как CoffeeScript.
На сайте фреймворка есть интерактивные обучения, в которых можно создать TO-DO app или Whatsapp clone
Как получить сумму всех заказов в SQL из таблицы?
Anonymous Quiz
18%
SELECT TOTAL(OrderPrice) FROM Sales
66%
SELECT SUM(OrderPrice) FROM Sales
5%
SELECT ADD(OrderPrice) FROM Sales
11%
SELECT *(OrderPrice) FROM Sales
Инструменты для отладки JavaScript
Для того чтобы разобраться в ошибках в коде существуют инструменты отладки.
№1: инструменты разработчика Chrome — отладчик
Добавьте команду debugger в ту строку вашего кода, в которой вам хотелось бы исследовать значения переменных и перезагрузите страницу.
Исполнение приостановится на команде debugger и вы сможете исследовать программу.
№2: React Developer Tools
Если ваше приложение основано на React и нужно проверить значения свойств или состояний, вам стоит познакомиться с расширением React Developer Tools для Chrome.
№3: отладка серверного кода и Node Inspect
Node Inspect похож на инструменты разработчика Chrome, но предназначен он для серверного кода.
№4: проверка ответа сервера — Postman
Postman — это настольное приложение, его надо скачать и установить. Оно позволяет выбрать вид запроса (среди них — GET, POST, PUT, PATCH, DELETE), добавить нужную вам конечную точку, а если надо — то и данные для аутентификации, и отправить запрос на сервер.
Для того чтобы разобраться в ошибках в коде существуют инструменты отладки.
№1: инструменты разработчика Chrome — отладчик
Добавьте команду debugger в ту строку вашего кода, в которой вам хотелось бы исследовать значения переменных и перезагрузите страницу.
Исполнение приостановится на команде debugger и вы сможете исследовать программу.
№2: React Developer Tools
Если ваше приложение основано на React и нужно проверить значения свойств или состояний, вам стоит познакомиться с расширением React Developer Tools для Chrome.
№3: отладка серверного кода и Node Inspect
Node Inspect похож на инструменты разработчика Chrome, но предназначен он для серверного кода.
№4: проверка ответа сервера — Postman
Postman — это настольное приложение, его надо скачать и установить. Оно позволяет выбрать вид запроса (среди них — GET, POST, PUT, PATCH, DELETE), добавить нужную вам конечную точку, а если надо — то и данные для аутентификации, и отправить запрос на сервер.