JavaScript - язык программирования для HTML

Поиск

Программирование, разработка, тестирование

→

JavaScript - язык программирования для HTML

JavaScript - язык программирования для HTML

В каком редакторе (программе) удобно писать JavaScript код?

Новое приложение

Создаем новое приложение JavaScript в текстовом редакторе

Создаем новое приложение JavaScript в Visual Studio Code. Отладка приложения. Смотрим в отладке как по шагам выполняется JavaScript

Отладка JavaScript, HTML

Отладка JavaScript в Google Chrome. Используем debugger

Как узнать (увидеть) где ошибка при выполнении HTML, JavaScript в Google Chrome

Отладка JavaScript В Google Chrome. Используем console.log("Hello!")

JavaScript стандарт ES5. Издан в 2009 году. Поддерживается всеми браузерами

Функция

Функция В JavaScript. Пример: function CalculateSum(value1, value2) { ... } | стандарт ES5

Функция return || В JavaScript. Пример: function getPersonName(name) { return name || "Evgen" } | стандарт ES5

Вызов функции до ее определения (Hoisting) В JavaScript | стандарт ES5

Переменные внутри функции (время жизни переменных внутри функции) JavaScript | стандарт ES5

Передача параметров по значению и по ссылке в функцию В JavaScript | стандарт ES5

Как узнать ... существует ли функция по названию В JavaScript? Пример: typeof calcSum == "function" | стандарт ES5

Функция описанная внутри функции. JavaScript | стандарт ES5

Безымянная функция

Безымянная функция В JavaScript . Использование безымянной функции: создаем новую переменную и новой переменной назначаем безымянную функцию. Пример: var myFunc1 = function (a, b) { return a + b; } ; | стандарт ES5

Безымянная функция В JavaScript . Использование безымянной функции: безымянную функцию передаем как параметр в другую функцию. Пример: Calculate(15, 7, function(v1, v2) {return v1+v2;}); | стандарт ES5

Само-вызывающая безымянная функция

Само-вызывающая безымянная функция В JavaScript. Где используется? Используется в Yandex рекламе. Пример: ( function(){ ... } )(); | стандарт ES5

Создаем файл js с объектом содержащий экспортные переменные и функции. Это пример использования само-вызывающей безымянной функции | стандарт ES5

Лямбда функция (сокращенный вариант безымянной функции)

Лямбда функция В JavaScript . Использование лямбда функции. [Пример1] var myFunc1 = (a, b) => a + b; [Пример2] Calculate(15, 7, (v1, v2) => {return v1+v2;}); | стандарт ES5

Переменные

Переменные В JavaScript (текст, число, флаг, дата и время) | стандарт ES5

Доступ к переменным до их определения (Hoisting) В JavaScript | стандарт ES5

Область видимости переменных var, let, const В JavaScript | стандарт ES5

Текст, строки В JavaScript

Стандарт ES5

Текст В JavaScript. Класс String. Пример: var myText = String("World"); | стандарт ES5

Length (длина строки В JavaScript) | стандарт ES5

Функция replace(text1, text2) заменить текст В JavaScript | стандарт ES5

Функция toUpperCase() переводит текст в верхний регистр JavaScript | стандарт ES5

Функция toLowerCase() перевод текста в нижний регистр JavaScript | стандарт ES5

Функция split(delimiter) разделяет строку на подстроки JavaScript | стандарт ES5

Функция charAt(position) получить символ по позиции JavaScript | стандарт ES5

Функция substr(pos, len) возвращает подстроку JavaScript | стандарт ES5

Функция slice(pos1, pos2) возвращает подстроку JavaScript | стандарт ES5

Функция substring(pos1, pos2) возвращает подстроку JavaScript | стандарт ES5

Функция indexOf(text, startPos) ищет подстроку и возвращает индекс JavaScript | стандарт ES5

Функция startsWith(text) проверяет, начинается ли строка с указанной подстроки JavaScript | стандарт ES5

Функция trim() удалить пробелы в начале и в конце строки JavaScript | стандарт ES5

Функция padStart(length, symbol) добавляет в начале строки символы до нужной длины строки JavaScript | стандарт ES5

Функция padEnd(length, symbol) добавляет в конце строки символы до нужной длины строки JavaScript | стандарт ES5

Стандарт ES6

В текстовую переменную можно назначить текст как много строк. Пример: var myText = `Hello \n Thanks \n Bye` | JavaScript стандарт ES6

В текстовой переменной можно писать выражения с переменными (форматирование, интерполяция строки). Пример: var myText = `Hello ${a}` | JavaScript стандарт ES6

Регулярные выражения

Регулярные выражения в JavaScript | стандарт ES5

Пишем регулярное выражение чтобы удалить все специальные символы кроме букв и цифр | Regex JavaScript | стандарт ES5

Числа и математические функции

Числа В JavaScript. Конвертация текста в число. Округление числа. Перевод шестнадцатиричного в десятичное число. | стандарт ES5

Математические функции из библиотеки Math: Sin, cos, log, pow и так далее В JavaScript | стандарт ES5

Дата и время

Дата и время (год, месяц, число, часы, минуты, секунды) В JavaScript. Класс Date | стандарт ES5

Массив

Массив В JavaScript это [] или класс Array | стандарт ES5

Что значит 3 точки ...items | Пример 1: Math.max(...prices) | Пример 2: books.push(...items) | JavaScript, стандарт ES5

Разница между push(items) и push(...items) | Добавление массива в массив В JavaScript | стандарт ES5

Найти max цены в сложном массиве: [ {name:"Tomate", price:10}, {name:"Apple", price:17}, {name:"Orange", price:15} ] в JavaScript | стандарт ES5

Найти min цены в сложном массиве: [ {name:"Tomate", price:10}, {name:"Apple", price:17}, {name:"Orange", price:15} ] в JavaScript | стандарт ES5

Коллекции Map и Set

Коллекция "ключ-значение" В JavaScript. Класс Map | стандарт ES5

Коллекция уникальных значений В JavaScript. Класс Set | стандарт ES5

Объект {набор свойств и функций}

{} это объект В JavaScript. Объект содержит набор свойств и функции. Пример var book = {Name: "Волшебник Средиземноморья", Price: 120}; | стандарт ES5

{...} = объект в JavaScript заполняем из переменных класса или другим объектом. Пример: const {name, total, price} = b.myProps; | стандарт ES5

Класс (это функция с использованием new) | стандарт ES5

Класс в JavaScript это обычная функция-конструктор. Такая функция-конструктор содержит простые данные, объекты, внутренние функции В JavaScript. Для создания объекта класса используется new Пример: function Book() { ... } ... var obj1 = new Book(); | стандарт ES5

Инкапсуляция переменных (скрытие переменных для доступа) в функции (в виде класса) В JavaScript | стандарт ES5

prototype - это набор функций, переменных для всех экземпляров класса (в виде функции) В JavaScript | стандарт ES5

try catch

Зачем нужно использовать try и catch В JavaScript? | стандарт ES5

Замыкание (closure) В Javascript

Что такое замыкания (closure) В JavaScript ? Стандарт ES5

Управление памятью в JavaScript

Управление памятью в JavaScript | стандарт ES5

Примеры движение картинки и анимация

Анимация человечка на месте. Используем HTML элемент <div>. Для анимации используем CSS стили: "animation", "background-image", "background-position", "keyframes" | стандарт ES5

Анимация человечка в движении (sprite). Используем HTML элементы <div>, <img>. Для анимации используем CSS стили: "animation", "background-image", "background-position", "keyframes" | стандарт ES5

Рисуем картинку с движением. Используем HTML элемент <canvas>. Для движения используем JavaScript: var img = new Image(), img.src = url, drawImage, timer, window.setInterval | стандарт ES5

Рисуем картинку с движением и анимацией (sprite). Используем HTML элемент <canvas>. Для движения используем JavaScript: var img = new Image(), img.src = url, drawImage, timer, window.setInterval | стандарт ES5

Примеры

Как определить устройство (планшет, компьютер, телефон) сейчас используется в JavaScript, HTML | стандарт ES5

Редактор текста пишем на HTML, JavaScript | стандарт ES5

Делаем Popup используя HTML и Javascript

Как сделать Popup окно в HTML странице | Javascript, HTML, CSS

Моя игра (HTML, JavaScript)

Моя игра "Wizard World" | HTML, JavaScript

PDF readers. Загрузка и отображение файла PDF (JavaScript, HTML)

PDF reader. Загрузка и отображение файла PDF (adobe JavaScript, HTML) | PDF JavaScript implemented by Adobe

PDF reader. Загрузка и отображение файла PDF (JavaScript, HTML) | PDF JavaScript implemented by Mozilla

JavaScript стандарт ES6. Издан в 2015 году. Поддерживается НЕ всеми браузерами. Синонимы ES6, ES2015, ECMAScript 2015

Форматирование, интерполяция строки

В текстовой переменной можно писать выражения с переменными (форматирование, интерполяция строки). Пример: var myText = `Hello ${a}` | JavaScript стандарт ES6

Класс

class | Класс В JavaScript. Пример: class Book {...} ... var obj1 = new Book(); | стандарт ES6

Promise

promise В JavaScript | стандарт ES6

Ваши Отзывы ... комментарии ...

Языки программирования и другое

Программы для разработки (интегрированные среды для разработки IDE)

Microsoft Visual Studio (среда разработки для написания программ на C#, С++, Javascript, ASP.NET приложений)

Visual Studio Code (редактор кода для написания программ на JavaScript, Perl, Python, Java, C#)

HTML

Html & CSS

SCSS файл (с помощью компилятора SASS получаем CSS файл)

LESS файл (с помощью компилятора получаем CSS файл)

Интерактивная реклама в HTML (animate banner)

Google Web Designer - редактор для создания рекламы, animate banner и т.д. в виде HTML страницы, и в виде HTML AMP страниц (ускоренные мобильные страницы)

WEB сайт

Создание Web сайта и управление (регистрация сайта, копирование файлов на сайт, сохранение базы данных)

Комания Yandex. Yandex сервисы для Web сайта (счетчик посещений, карта улиц, переводчик языков, контекстная реклама, ...)

Комания Google. Google сервисы для Web сайта (проверить скорость загрузки страницы web сайта)

Meta (Facebook) используемя для входа на наш сайт

Javascript, TypeScript

JavaScript - язык программирования для HTML

Underscore.js

jQuery - JavaScript библиотека для удобной работы с HTML

Knockout.js - JavaScript библиотека для свзяывания HTML элемента с js переменной

TypeScript - язык программирования похожий на JavaScript. TypeScript использует типы, классы, наследование. TypeScript преобразуется в JavaScript

Кнопки, текстовые поля и другие элементы на WEB странице

Bootstrap - кнопки, меню, диалог, slider ... Контейнеры для размещения элементов

jQuery UI - кнопки, меню, диалог, slider, spinner и так далее. Эфекты: растягивание, перетаскивание и так далее

jq Plot - диаграммы, графические линии

PivotTable - таблицы, графики

Telerik, Kendo UI - это элементы: DropDownList, ComboBox, AutoComplete, Calendar, редактор текста, excell, chart и так далее

JavaScript технологии

Node.js (это web сервер исполняющий js файлы)

React

AngularJS (это Angular версии 1.0)

Angular

RxJs (это реактивное программирование и в основном используется в Angular)

JavaScript графика, анимация для игр

PixiJS - JavaScript библиотека для быстрого рисования графики 2D (является самым быстрым и гибким графическим рендерером 2D, WebGL)

p5.js - JavaScript библиотека для рисования графики 2D (рисование картинок, линий, движений), 3D графики (рисования материалы, свет, текстура)

Three.js - JavaScript библиотека для рисования графики 3D на страницах HTML

JavaScript менеджер пакетов (добавление JavaScript библиотек в ваш Web проект)

npm - это менеджер пакетов для Node.js. npm добавляет JavaScript библиотеки в папку node_modules

Webpack - это САМЫЙ ПОПУЛЯРНЫЙ менеджер пакетов. Webpack добавляет JavaScript библиотеки в ваш проект

Yarn - это менеджер пакетов. Yarn добавляет JavaScript библиотеки в ваш проект

Parcel - это менеджер пакетов. Parcel добавляет JavaScript библиотеки в ваш проект

Bower - это менеджер пакетов. Bower добавляет JavaScript библиотеки в ваш проект. Bower сейчас НЕ ПОДДЕРЖИВАЕТСЯ (не добавляет новых JavaScript библиотек)

Автоматическое выполнение задач в вашем Web проекте

Gulp - это JavaScript программа для автоматического выполнения задач (объединения файлов, уменьшение размера картинок) в вашем Web проекте

Grunt - это JavaScript программа для автоматического выполнения задач (объединения файлов, уменьшение размера картинок) в вашем Web проекте

База данных (My SQL)

MySQL (база данных, server) и Workbench (программа для работы с my sql). Работает на разных платформах: Unix, Windows

База данных (Microsoft SQL Server)

Microsoft SQL Server (база данных, server) и SQL Management Studio (программа для работы с sql server). Работает только в Windows

Microsoft SQL (язык запросов в базе данных)

База данных (PostgreSQL)

PostgreSQL сервер (база данных) и pgAdmin (программа для работы с PostgreSQL сервер). Работает на разных платформах: Unix, Windows

Работа с базой данных на C#

ADO.NET (работа с базой данных на C#)

Entity Framework (EF5, EF6) для работы с базой данных на C#

Entity Framework Core (EF Core) для работы с базой данных на C#

Работа с Redis

Интернет, HTTP, TCP, UDP, FTP протоколы

HTTP протокол (для web страниц), FTP/FTPS протокол (для передачи файлов), TCP протокол (для соединения между компьютерами), IP-адрес ...

RabbitMQ

Microsoft C# и .NET

C# (язык программирования)

ReSharper (JetBrains). Улучшение кода В Visual Studio 2017 для C# приложений

Managed C++ (переходный код между C++ и C#)

Windows Forms (отдельное приложение exe файл)

Windows Service (используя C#)

WPF. Windows Presentation Foundation (отдельное приложение exe файл)

ASP.NET Web Forms (web сайт на aspx страницах). Это устаревшая технология!

ASP.NET MVC (web сайт на архитектуре Model-View-Controller)

.NET Core

.NET Core Web API (веб-служба работающая по протоколу HTTP)

Windows Communication Foundation (веб-служба работающая через интерфейсы)

Silverlight

Microsoft XNA

Xamarin (приложение на C# для iOS, Android, Windows Phone)

Юнит тестирование (MSTest, NUnit, xUnit, Moq) и Автоматическое тестирование (компьютер сам водит мышкой)

Собеседование (вопросы и задания C# и платформа .NET)

Microsoft Visual Basic

Microsoft Visual Basic & Excell

Microsoft Office 365 E3 (Web services)

Microsoft Office 365 E3 (Teams plug-in, SharePoint web api)

Twilio (sms)

Twilio (send sms)

Python

Java

Java

Kotlin

Kotlin

Android

Android телефон, планшет (пишем приложение, игру)

Mobile Development with C++ (Android, iOS)

Mobile Development with C++ (iOS, Android, Windows Phone)

Игровая приставка "Nintendo Switch"

Разработка игр, игровая приставка "Nintendo Switch"

Flutter & Dart

Flutter - фрэймворк для создания мобильных приложений от компании Google

Облачные технологии

Microsoft Azure & Azure DevOps (облачные технологии)

Amazon Web Services (облачные технологии)

Google Cloud Platform (облачные технологии)

Heroku (облачные технологии)

Рисуем блок схемы (диаграммы) для программы

Рисуем блок схемы (диаграммы) для программы

Резюме (как найти работу)

Как написать резюме, причины перехода на другую работу

Автоматизированное тестирование

Selenium WebDriver (для автоматизированного тестирования веб-приложений)

Рефакторинг & Паттерны

Паттерны, шаблоны проектирования | принципы ООП | рефакторинг кода

Методологии управления проектами

Agile, scrum, kanban. Методологии в управлении IT-проектам. В чем разница?

Правила разработки web приложений в Яндекс

Управление версиями проекта, история измененных файлов

Git (управление версиями проекта, история измененных файлов) | Git Extensions | GitHub.com | git in Team Explorer for Visual Studio 2017

Svn (управление версиями проекта, история измененных файлов) | TortoiseSVN (работаем с SVN под Windows)

Математические алгоритмы

Математические алгоритмы (пересечение прямоугольников, массивы, графы)

CI/CD

Непрерывная интеграция (автоматическая сборка проекта, развертывание проекта на удаленный компьютер) | CI/CD

Docker

Docker (упаковка web приложения в контейнер)

Kubernetes

Kubernetes (запуск контейнеров на виртуальных машинах и балансировка нагрузки виртуальных машин)

Микрослужбы

Микрослужбы (Microservices)

Еще языки программирования

PHP (язык программирования для быстрого написания Web сайта)

Разработка игр

Разработка игр | для телефонов на Unity, MonoGame | для браузера Google Chrome на JavaScript, HTML | рисуем графику

Технологии для написания игр

MonoGame - разработка игр на C# для компьютеров (Windows, Linux), телефонов (Android, iOS), игровых консолей (Xbox, PlayStation, Nintendo Switch)

Unity - разработка 3D игр на C# для Android, iOS, Windows

LibGDX - разработка игр на Java для Android

SmartFoxServer - библиотека multiplayer на Java, C#, JavaScript, Unity, для Android, iOS

Интернет браузеры

Интернет браузер "Google Chrome"

Telegram (месенджер)

Telegram (месенджер)

WEB сервер

Что такое WEB сервер ?

bat файлы

.bat файл (командная строка)

.htaccess Файлы

.htaccess файл (Команды)

Viber

Viber. Устанавливаем (на Windows или phone). Переносим Viber сообщения и Viber фото.

Операционная система LINUX

Ubuntu (linux) Virtual Machine on Windows 10

Ubuntu (in console as WSL) on Windows 10

Операционная система Mac OS

Mac OS Virtual Machine on Windows 10

Операционная система WINDOWS и программы

Windows 7 (операционная система и программы) | скачиваем и устанавливаем

Windows 10 (операционная система и программы) | скачиваем и устанавливаем

Ofiice 365 (для Windows 10) | скачиваем и устанавливаем

Microsoft Teams (для Windows 10) | скачиваем и устанавливаем

Apple

Ноутбук (BIOS)

В ноутбуке не работают клавиши F1 ... F2 как надо. Проблема: я открываю браузер Google Chrome и нажимаю кнопку F5 чтобы перезагрузить страницу, а у меня включается подсветка клавиатуры.

Быстродействие компьютера (процессора)

Сравниваем быстродействие компьютера (процессора) на сайте http://userbenchmark.com

Заходим на удаленный компьютер (чтобы помочь кому нибудь что нибудь настроить)

TeamViewer (заходим на удаленный компьютер)

Графика и видео

2D графические редакторы

Adobe Master Collection - графические редакторы (Photoshop растровая графика, Illustrator векторная графика)

3D графические редакторы

Maya (autodesk) - редактор 3D графики

Blender - редактор 3D графики

Видео

Видео (редактирование, создание)

Online: просмотр Word файлов, конвертация PDF файлов, распознование картинки в текст

Просмотр и редактирование Word файлов (doc, docx) ОНЛАЙН

Просмотр и редактирование Word файлов (doc, docx), Adobe (pdf) ОНЛАЙН

PDF to word, images

Convert PDF to Word (online)

Convert FB2 to PDF (online)

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

Распознать (перевести) картинку в текст (ONLINE)

Регулярные выражения

Регулярные выражения (проверить онлайн)

Поставить HD Video Box в Windows

Поставить HD Video Box в Windows

Как купить английские книги и читать?

Как купить английские книги и читать

Как скачать mp3 файл

Как скачать mp3 файл с Yandex music

Chemical, analytics laboratory

Chemical, analytics laboratory (Chromatography / Mass Spectroscopy)

Ваши вопросы присылайте по почте: info@dir.by