JavaScript Основы

JavaScript Основы

Язык JavaScript открывает безграничные возможности по Web-дизайну и по интерактивности Web-страниц, о чём более подробно говорилось в описании разделе по языку JavaScript.

Однако, чтобы научиться его использовать необходимо познакомиться с основами языка JavaScript. И тут приходит на помощь данная категория сайта.

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

Прочитав статьи по основам JavaScript, Вы узнаете:

1) Код простейшей программы Hello World на языке JavaScript.

2) Как создавать, инициализировать и использовать переменные в JavaScript.

3) Какие бывают типы переменных в JavaScript.

4) Как создавать и использовать функции в JavaScript.

5) Об условном операторе в JavaScript.

6) Какие бывают операторы цикла в JavaScript.

7) Об операторе switch case в JavaScript.

8) Как создавать массивы в JavaScript.

9) Об ООП в JavaScript.

10) Об объекте Math в JavaScript.

11) Как работать с массивами в JavaScript.

12) Как работать со строками в JavaScript.

13) Как работать с датой и временем в JavaScript.

14) Об объекте Number в JavaScript.

15) Об объекте Window в JavaScript.

16) Об объекте Document в JavaScript.

17) Как реализовать редирект на JavaScript.

18) Об объекте Image в JavaScript.

19) Об объекте Link в JavaScript.

20) Как узнать браузер пользователя в JavaScript.

21) Как сделать проверку формы в JavaScript.

22) Как получить доступ к любому объекту HTML через JavaScript.

23) Об объекте Object в JavaScript.

24) О событиях и их обработчиках в JavaScript.

25) Как реализовать таймер в JavaScript.

26) Как обработать исключения в JavaScript.

27) Как создать собственный объект в JavaScript.

28) Как решить проблему отображения PNG в IE6.

29) Как проверить включён или нет JavaScript у пользователя.

30) Как сделать валидным JavaScript.

31) Что такое JSON.

32) Как зашифровать JavaScript.

33) Как отправить POST-запрос через JavaScript.

34) Как сделать горячие клавиши на сайте.

35) Как сделать визуальный редактор на JavaScript.

36) Как запустить несколько функций в onload.

37) Как сделать перетаскиваемый DIV на JavaScript.

38) Как сделать исчезающий текст в input.

39) Как создать ассоциативный массив в JavaScript.

40) Как найти ошибку в JavaScript.

41) О работе с cookie через JavaScript.

42) Как отправить ajax-запрос на другой домен.

43) Как установить комментарии ВКонтакте на сайт.

44) Как динамически проверить форму.

45) Как обработать колёсико мыши на JavaScript.

46) Как обработать закрытие вкладки на JavaScript.

47) Когда стоит использовать jQuery.

48) Как отслеживать лайки социальных сетей на JavaScript.

49) Как динамически подгружать данные для select.

50) Об аналоге str_replace() в JavaScript.

51) Как изменить стиль у select.

52) Как сделать изменение размеров у div на JavaScript.

53) Как проверить: активен пользователь на странице или нет.

54) Как прокрутить скролл до низа у div.

55) Как сделать слайдер изображений на jQuery без плагинов.

56) Как воспроизвести звук на JavaScript.

57) Как изменять дизайн сайта в зависимости от времени суток.

58) Как подключить Яндекс.Карты к сайту.

59) Как проверить сложность пароля на JavaScript.

60) Как проверить занятость логина на Ajax.

61) Как определить местоположение посетителя.

62) Что такое объекты, конструкторы и прототипы в JavaScript.

63) Какие новые методы для работы с массивами появились в ES5.

64) Что такое стандартная модель событий в JavaScript.

65) Как вешать события для старых Internet Explorer(8-).

66) Загрузка файлов в стиле Drag and Drop.

67) Загрузка файлов в стиле Drag and Drop. Продолжение.

68) Загрузка файлов в стиле Drag and Drop. Заключение.

69) Что такое AngularJS.

70) Что такое AngularJS. Решаем проблему с валидностью.

71) Как изменить стандартный вид select на JavaScript.

72) Что такое Long-Polling, WebSockets, SSE и Comet.

73) Какие различия между объявлениями функций function declaration и function expression в javascript.

74) Какие существуют способы преобразования типов в JavaScript.

75) Как использовать анонимные самовызывающиеся функции и функции обратного вызова в JavaScript.

76) Как сделать динамическое добавление комментариев, используя Ajax.

77) Как сделать динамическое добавление комментариев в базу данных, используя Ajax.

78) Как быстро сделать всплывающие подсказки на JavaScript.

79) Что такое трансформатор иконокMarka.

80) Как сделать эффект при клике в материальном дизайне на JavaScript.

81) Как сделать динамические тени на JavaScript, используя библиотеку shine.js.

82) Как визуализировать данные на JavaScript.

83) Как сделать онлайн-трансляцию вашей веб-камеры на чистом JavaScript.

84) Как сделать потрясающие анимации на javascript, используя библиотеку Scripty2.

85) Как сделать захват изображения с веб-камеры на JavaScript.

86) Что нового появилось в EcmaScript 6.

87) Как преобразовать код с ES6 в ES5.

88) Что такое замыкание в JavaScript.

89) Как определить, смотрит ли пользователь на страницу на javascript.

90) Библиотека javascriptunderscore.js.

91) Изучаем CoffeeScript. Введение.

92) Изучаем CoffeeScript. Типы данных.

93) Изучаем CoffeeScript. Операторы.

94) Изучаем CoffeeScript. Функции.

95) Изучаем CoffeeScript. Условия.

96) Как работать со стилями в JavaScript.

97) Как работать с классами в ES 2015.

98) Изучаем CoffeeScript. Циклы.

99) Как сделать таймер обратного отсчета на javascript в 18 строк кода.

100) Как сгенерировать случайное число в javascript.

101) Изучаем CoffeeScript. Классы.

102) Зачем нужно ключевое слово Let в ES6.

103) Что такое стрелочные функции в ES6.

104) Как сделать 3D модель объекта на JavaScript.

105) Что такое обещания в ES6.

106) Как работать с хранилищами с использованием Basil.js.

107) NodeJS. Введение.

108) NodeJS. Установка платформы.

109) Gulp. Введение.

110) NodeJS. Движок V8.

111) Gulp. Установка и настройка.

112) NodeJS. Глобальный объект.

113) NodeJS. Как работают Function Expression.

114) NodeJS. Модули.

115) NodeJS. Шаблоны модулей.

116) NodeJS. Обработчик событий.

117) NodeJS. Запись и чтение файлов.

118) Gulp. Структура проекта и работа задач.

119) Gulp. Наблюдение за изменениями в файлах.

120) NodeJS. Создание и удаление директорий.

121) NodeJS. Клиенты и серверы.

122) NodeJS. Как создать сервер.

123) Как изучить JavaScript быстрее.

124) Как визуализировать данные и рисовать на JavaScript.

125) NodeJS. Что такое потоки и буферы.

126) NodeJS. Как считывать данные с потока.

127) NodeJS. Как записывать данные в поток.

128) Анимация элементов при прокрутке страницы на чистом JavaScript.

129) NodeJS. Что такое pipe().

130) NodeJS. Потоковый вывод HTML страницы.

131) NodeJS. Как отправить данные в формате JSON.

132) Что такое SPA в веб-разработке.

133) NodeJS. Навигация по страницам.

134) NodeJS. Что такое NPM.

135) NodeJS. Как работать с файлом package.json.

136) NodeJS. Пакет Nodemon.

137) NodeJS. Начинаем работу с Express.

138) NodeJS. Параметры маршрутизации в Express.

139) NodeJS. Template Engine. Часть 1.

140) NodeJS. Template Engine. Часть 2.

141) NodeJS. Как собрать шаблон из нескольких частей.

142) NodeJS. Что такое Middleware и статические файлы.

143) NodeJS. Что такое Query Strings.

144) NodeJS. Как обрабатывать POST запросы.

145) NodeJS. Как создать «список дел«. Часть 1.

146) NodeJS. Как создать «список дел«. Часть 2.

147) NodeJS. Как создать «список дел«. Часть 3.

148) Как правильно обрабатывать ошибки в JavaScript.

149) Как использовать методы объекта JSON.

150) Как использовать циклы: for…in и for…of в JavaScript ES6.

151) Что такое метод querySelector в JavaScript.

152) Как объявлять константы в JavaScript ES6.

153) О JavaScript const и объектах.

154) Об использовании инструкции «use strict» в JavaScript. Часть 1.

155) Об использовании инструкции «use strict» в JavaScript. Часть 2.

156) Что такое деструктурирующее присваивание в JavaScript ES6.

157) Как деструктурировать объекты в ES6.

158) Зачем нужны cтроковые шаблоны в JavaScript ES6.

159) Как сделать меню аккордеон на JS.

160) Как сделать всплывающую форму.

161) Как сделать модальное окно на CSS + JS.

162) Как сделать прогресс бар на CSS + JS.

163) Как сделать вкладки в HTML.

164) Как получить input в JavaScript (1 часть).

165) Как вывести результат в JavaScript (2 часть).

166) Как вывести текст в JavaScript.

167) Какие есть примеры If-Else в JavaScript.

168) О способах объявления переменных (var, let, const) в JS.

169) Какие есть примеры цикла for в JavaScript.

170) Как создать и вывести массив в JS.

171) Какие бывают методы массива в JS.

172) Понятиях функции (return, параметры) в JS.

173) Как получить элемент в JS.

174) Что такое ассоциативный массив в JS.

175) Как добавить класс по клику в JavaScript.

176) Как сделать таймер отсчета на JS.

177) Как сделать валидацию формы на JS.

178) Как показать скрытый текст на JS.

179) Валидация номера телефона на JS.

180) Валидация номера телефона на JS.

181) Отложенная загрузка изображений (Lazyload).

182) Установка базы данных MongoDB.

183) Карусель на чистом JS.

184) Pug – это не мопс, тогда кто

185) Зачем нужен компилятор Babel

186) Gulp файл и сборка CSS

187) Число – тип данных в JS

188) Строки – тип данных в JS

189) Примеры prompt, alert и confirm в JS

190) Задачи с решениями на JS

191) Как получить элементы по селектору в JS

192) Объекты в JS — сложный тип данных

193)Манипуляции с элементами в JS.

194)Обработчик и объект событий в JS.

195)Callback функция в JS.

196)Пример анимации движения в JS.

197)Делегирование событий в JS.

198)Модальное окно на JS.

199)Работа с LocalStorage на примере.

200)Ключевое слово this в JavaScript.

201)Асинхронность в JavaScript.

202)Перебор массива в JS — метод forEach.

203)Прототипы в JS.

204)Эффект печатающегося текста на JS.

205)Показать пароль на JS.

206)Фильтр товаров на JS.

207)Рекурсия в JavaScript.

208)Классы в JavaScript.

209)Программистом может быть каждый.

210)Установка node + gulp для Windows 10.

211)Адаптивное мобильное меню для сайта (часть 1).

212)Адаптивное мобильное меню для сайта (часть 2).

213)Адаптивное мобильное меню для сайта (часть 3).

214)Показать и скрыть элемент на JS.

215)Как сделать спойлер на сайте.

216)Анимированный фон с плагином ParticlesJS.

217)Типы данных в TypeScript.

218)Уменьшение баннера при прокрутке страницы вниз.

219)Получение координат курсора мыши на JS.

220)События Drag-and-Drop в JS.

221)Раскрывающийся список на JavaScript.

222)Шаблоны и флаги в JS (регулярные выражения).

223)Как установить и настроить JSHint.

224)Set в JavaScript.

225)Map в JavaScript.

226)Стрелочные функции в JS.

227)Быстрая сортировка массива в JS.

228)Сортировка массива на JS.

229)Создание теста для сайта на JavaScript.

230)Что такое Promise в JS.

231)Операторы Spread&REST.

232)Основы ООП в JavaScript.

233)Шаблонные строки в JS (интерполяция).

234)Cоздание списка из массива на JS.

235)Атрибуты async, defer в JS.

236)Работа с датами в JS.

237)JSON формат передачи данных.

238)Как установить и настроить ESLint.

239)Функция requestAnimationFrame.

240)Что такое парсинг сайтов?

241)Деструктуризация массивов и объектов в JS.

242)Модули в JavaScript (ES6).

243)Перебор массивов циклом for.. of.

244)Создание приложения на React.

245)Captcha и генератор случайных чисел на JS.

246)Фильтр категорий товаров на JavaScript (часть 1).

246)Фильтр категорий товаров на JavaScript (часть 2).

247)Фильтр категорий товаров на JavaScript (часть 3).

248)Таймер обратного отсчета на JavaScript.

249)3 способа удаления дубликатов из массива в JS.

250)Проверка загрузки изображений с помощью JavaScript.

251)Клонирование объектов в JavaScript.

252)Fetch запросы к серверу на JavaScript.

253)Замыкание функций в JavaScript.

254)Работа с data атрибутами в HTML/CSS/JS.

255)Вывод диапазона дат в JavaScript.

256)Библиотека moment.js. Работа с форматами.

257)ООП в JavaScript. Полиморфизм.

258)ООП в JavaScript. Инкапсуляция.

259)Мобильный сенсорный слайдер Swiper.

260)Анимация — увеличение числа на JS.

261)Проверка на заглавные буквы с JavaScript.

262)Пример простого слайдера на JavaScript (#1).

263)Пример простого слайдера на JavaScript (#2).

264)События на мобильных устройствах.

265)Операторы сравнения в JS.

266)Строковые методы includes(), indexOf() и lastIndexOf() в JS.

267)Метод массива splice() в JavaScript.

268)Логические операторы в JS.

269)Поиск числа Фибоначчи.

270)Задачи по JavaScript для начинающих.

271)Регулярные выражения в JavaScript #1.

272)Регулярные выражения в JavaScript #2.

273)Регулярные выражения в JavaScript #3.

274)Регулярные выражения в JavaScript #4.

275)Разница между innerHTML и textContent.

276)Поиск DOM элемента с помощью getElementById.

277)Поиск нескольких элементов по названию класса.

278)Изменение значений атрибутов у картинок и ссылок.

279)Изменение стилей через JavaScript.

280)Изменение CSS классов через JavaScript.

281)Создание DOM элементов через JavaScript.

282)Обработчик события кнопки на JavaScript.

283)Как изменить курсор мыши на JavaScript.

284)Счетчик обратного отсчета при помощи setInterval.

285)Получение данных из HTML формы с помощью JavaScript.

286)Получение данных из HTML формы используя цикл for..of.

287)Структуры данных на JavaScript.

288)Canvas и JavaScript. Рисование фигур.

289)Canvas и JavaScript. Рисование линий.

290)Canvas и JavaScript. Дуги и окружности.

291)Canvas и JavaScript. Кривые.

292)Canvas и JavaScript. Анимация.

293)Canvas и JavaScript. Пчела.

294)Анимированный фон с Parallax эффектом.

295)Svelte.js — фреймворк нового поколения.

296)Как создать аккордеон на JS.

297)Эффект с текстом при движении мыши.

298)Счетчик символов в реальном времени на JS.

299)Изменение внешнего вида курсора при наведении.

300)Автоматически загружаемый popup после загрузки страницы (часть #1).

301)Автоматически загружаемый popup после загрузки страницы (часть #2).

302)Как вывести на страницу текущую дату на JS.

303)Анимация с пузырьками на JavaScript.

304)Эффект скользящего индикатора на JS.

305)Адаптивное боковое навигационное меню.

306)Переключатель для бокового меню.

307)JavaScript анимация на фоне.

308)Эффект стирания верхнего слоя на JavaScript.

309)Изменение внешнего вида курсора при наведении.

310)Уменьшение фоновой картинки при скролле страницы.

312)Валидация email в форме с помощью JS.

313)Всплывающее Popup окно после нажатия на кнопку.

314)Как сменить фон при наведении на ссылку меню.

315)Имитация капель дождя с помощью RainyDay.js.

316)Как сделать текст по кругу на Javascript.

317)Расширяемое поле для поиска на JavaScript.

318)Блок с функцией «Read More» на JavaScript.

319)Анимированный текст по кругу на JavaScript.

320)Анимация для меню с индикатором. Часть #1.

321)Анимация для меню с индикатором. Часть #2.

Все материалы по основам JavaScript

Источник

Статьи по теме

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Back to top button