Выполнение скриптов на стороне клиента javascript, jqvery, js фреймворки (frontend)

Все лекции: Здесь собраны все лекции по курсу : выполнение скриптов на стороне клиента javascript, jqvery, js фреймворки (frontend). Эти увлекательные лекции предоставляют нам возможность исследовать глубинные принципы и явления, лежащие в основе наших знаний и нашего стремления к пониманию мира и подготовке к экзамену.

1. одностраничный клиент на javascript

2. Управление памятью в JS

3. Введение в JavaScript переменные, конструкции, функции, классы, память, быстродействие, рисование

4. Альтернативные браузерные технологии

5. Книги по JS, HTML/CSS

6. Справочники и спецификации в JavaScript

7. Установка браузеров, JS-консоль

8. Поддержка старых браузеров JavaScript

9. Привет, мир! javascript самый простой пример кода

10. Структура кода JavaScript

11. Переменные в JavaScript

12. Имена переменных в JavaScript и других языках Snake case CamelCase. Стили написания названий в программировании

13. Типы данных (переменных) в Javascript, Преобразование ,Оператор получения типа typeof

14. Основные операторы

15. Операторы сравнения и логические значения

16. Побитовые операторы

17. Взаимодействие с пользователем: alert, prompt, confirm

18. Условные операторы: Оператор if

19. Логические операторы

20. Циклы while, for

21. Директивы break и continue

22. Конструкция switch

23. Функции в JavaScript

24. Рекурсия, стек, примеры реализации , сравнение рекурсии с итерациями, тестирование рекурсии

25. Методы и свойства в JS

26. Всё вместе: особенности JavaScript

27. Строгий режим, "use strict"

28. Стиль кода в JavaScript

29. Как писать неподдерживаемый код? в JavaScript

30. Отладка в браузере Chrome

31. Строки в JavaScript

32. Работа с числами в js

33. Преобразование типов для примитивов

34. Объекты как ассоциативные массивы

35. Массивы c числовыми индексами

36. Массивы в js: методы

37. Дата и Время в JS

38. Функция - это значение

39. Function Declaration и Function Expression

40. Именованные функциональные выражения

41. Глобальный объект

42. Замыкания, функции изнутри

43. Хранение данных в замыкании, прием программирования модуль на Javascript

44. Статические переменные

45. Конструкция "with"

46. Псевдо-массив arguments

47. Именованные аргументы

48. Свои объекты: конструкторы и методы

49. Контекст this в деталях

50. Приём программирования "Декоратор"

51. Преобразование объектов: toString и valueOf

52. Оператор typeof, [[Class]] и утиная типизация

53. setTimeout и setInterval и Декоратор debounce

54. Клонировать setTimeout и setInterval

55. setImmediate запуска колбэков или кода после завершения текущего цикла событий.

56. Привязка функции к объекту и карринг: "bind/bindLate"

57. Раннее и Позднее связывание в javascript

58. AJAX асинхронный JavaScript

59. JAVASCRIPT и jquery вопросы и ответы на собесодование

60. Вопросы и ответы на собеседования frond-end разработчика Javascript

61. Grunt — это инструмент для сборки javascript проектов

62. Gulp.js - потоковый сборщик проектов на JS.

63. Введение в unit тестирование JavaScript кода

64. JavaScript красивый стиль написания кода

65. JSON Jquery отправка данных методом AJAX

66. Drag and drop Перетаскивание элементов vanilla JavaScript и JQuery

67. Сортировка элементов Взаимодействие Sortable

68. Выборка элементов -взаимодействие Selectable

69. Масштабирование элементов - Взаимодействие Resizable

70. Эффекты jQuery UI Анимация цвета, Анимация на основе классов

71. Пример dragscroll удержание мышкой и перетаскивание прокрутки. JavaScript Scroll by Dragging

72. Как установить Gulp.js в Windows

73. Модули в JavaScript. Шаблон Модуль.и его форматов: CommonJS, AMD, UMD

74. Оптимизация графики для веба

75. Варианты реализации архитектуры Vue приложения

76. Новое в ECMAScript 6. Деструктурирующее присваивание, спред (spread) и рест (Rest) операторы

77. Critical Rendering Path

78. Event Loop как устроен цикл событий в браузере, оптимизация рендеринга ,Page Lifecycle API

79. Назначение, синтаксис и примеры генераторов в php ( yield)

80. Flux: Архитектура приложений на React.js

81. есть ли в Jquery SlideUp SlideDown свойство Step? как заменить, эммулировать slideUp animate?

82. Не работает CSS увеличение ссылок в хроме , в опере работает

83. Как на jquery выбрать элемент с двумя классами?

84. jquery.min.map 404 (Not Found) ошибка в хроме

85. Не работает top Uncaught TypeError: Cannot read property top of undefined offset

86. как в safari запустить консоль отладки javascript?

87. почему :Hover не работает псевдокласс

88. Не работает $ (id).remove() на JQuery

89. Live click выполняется несколько раз

90. Есть такой движок DataWave CMS файлы темы css и js главный со всеми скриптами почему то перезатираются

91. Backbonejs возвращает не все модели в коллекцию

92. ie 8 не работает left float и margin 0, auto не выравнивает по центру

93. Highcharts. Установка и пример конфигурации

94. Вербальные выражения вместо регулярных неизменно упрощают кодинг PHP Javascript

95. как на JavaScript выбрать элемент по классу getElementsByClassName и установить ему ширину без jquery

96. Как передать данные с всплывающего дочернего окна родительскому окну на JavaScript

97. Как на JavaScript удалить все символы urlencode

98. Печать без подтверждения javascript Mozilla

99. как на javascript отследить закрытие вкладки браузера исключить переход внутри сайта?

100. Не работает live ошибка tTypeError: Object [object Object] has no method live - JavaScript

101. Как на javascript узнать активно ли окно браузера и или нет

102. Что такое React? в REACT

103. Каковы основные особенности React? в REACT

104. Как сделать тень по бокам дива?

105. jquery отключить правую кнопку мыши

106. jquery.jcarousel лишнее смещение при прокрутке, как убрать?

107. как узнать имя прикрепленного файла в поле input html javascript

108. не устанавливается и не работает height: 100%; min-height: 100% для блока при блочной верстке

109. как выбрать селекторы классов одновременно с this selector как дочерних на jQuery?

110. как в HTML CSS выровнять картинку строго по центру горизонтали и вертикали в блоке?

111. как узнать размеры слоя или выделенной области в фотошопе ?

112. как обработать полученные данные success ajaxForm и ajax Jquery

113. срабатывает лишний раз jqery mouseout после ухода с элемента

114. Return statements are only valid inside functions. Ошибка javascript,

115. jqvery выбрать элементы из массива input по атрибуту name

116. Как на Jquery быстро сделать выделение текущей строки в таблице при наведении мышкой

117. как при событии touchstart для плагина selectize сделать close при touch

118. google map empty frame- пустой вывод

119. Преобразование числа в его текстовое представление на JavaScript

120. Что такое JSX? в REACT

121. В чем разница между элементом и компонентом? в REACT

122. Как создавать компоненты в React? в REACT

123. Когда использовать компонент класса над компонентом функции? в REACT

124. Что такое чистые ,умные и глупые компоненты? в REACT

125. Что такое props реквизит в React? в REACT

126. В чем разница между состоянием и реквизитом state and props? в REACT

127. Почему бы нам не обновить состояние напрямую? в REACT

128. Какова цель функции обратного вызова в качестве аргумента setState()? в REACT

129. В чем разница между обработкой событий HTML и React? в REACT

130. Как связать методы или обработчики событий в обратных вызовах JSX? в REACT

131. Как передать параметр в обработчик событий или обратный вызов? в REACT

132. Что такое синтетические события в React? в REACT

133. Что такое встроенные условные выражения d ? в REACT

134. Что такое «ключевые» реквизиты и каково их использование в массивах элементов? в REACT

135. Какая польза от ссылок? в REACT

136. Как создавать ссылки refs? в REACT

137. Какие форвард реферы forward refs? в REACT

138. Какой вариант предпочтителен с обратными вызовами и findDOMNode ()? в REACT

139. Почему String Refs унаследованы? в REACT

140. Что такое Виртуальный ДОМ? в REACT

141. Как работает Virtual DOM? в REACT

142. В чем разница между Shadow DOM и Virtual DOM? в REACT

143. Что такое React Fiber? в REACT

144. Какова основная цель React Fiber? в REACT

145. Что такое контролируемые компоненты? в REACT

146. Что такое неконтролируемые компоненты? в REACT

147. В чем разница между createElement и cloneElement? в REACT

148. Что такое поднятие состояния в React?

149. Каковы различные фазы жизненного цикла компонентов? в REACT

150. Каковы методы жизненного цикла React? в REACT

151. Что такое компоненты высшего порядка? в REACT

152. Как создать props proxy для компонента HOC? в REACT

153. Что такое контекст? в REACT

154. Что такое children prop? в REACT

155. Как и для чего писать комментарии в React?

156. Какова цель использования супер-конструктора с аргументом props? в REACT

157. Что такое примирение reconciliation? в REACT

158. Как установить состояние с именем динамического ключа? в REACT

159. Что было бы распространенной ошибкой вызова функции каждый раз, когда компонент рендерится? в REACT

160. Поддерживает ли ленивая функция именованный экспорт named exports? в REACT

161. Почему React использует className поверх атрибута class? в REACT

162. Что такое fragments? в REACT

163. Почему фрагменты лучше контейнерных элементов? в REACT

164. Что такое порталы portals в React? в REACT

165. Что такое компоненты без состояния? в REACT

166. Что такое компоненты с состоянием? stateful в REACT

167. Как сделать проверку на props в React? в REACT

168. Каковы преимущества React? в REACT

169. Каковы ограничения React? в REACT

170. Каковы границы ошибок в React v16? (error boundaries) в REACT

171. Как обрабатываются границы ошибок в React v15? в REACT

172. Каковы рекомендуемые способы статической проверки типов? в REACT

173. Какова цель метода рендера react-dom? в REACT

174. Что такое ReactDOMServer? в REACT

175. Как использовать innerHTML в React? в REACT

176. Как использовать стили в React? в REACT

177. Чем отличаются события в React? в REACT

178. Что произойдет, если вы используете setState()в конструкторе? в REACT

179. Как влияют индексы как ключи? в REACT

180. хорошо ли использовать setState() в componentWillMount() методе? в REACT

181. Что произойдет, если вы используете props в исходном состоянии? в REACT

182. Как сделать условно отображаемые компоненты? в REACT

183. Почему мы должны быть осторожны при размещении props на элементах DOM? в REACT

184. Как вы используете декораторы в React? в REACT

185. Как вы запоминаете компонент? в REACT

186. Как вы реализуете рендеринг на стороне сервера или SSR? в REACT

187. Как включить production режим в React? в REACT

188. Что такое CRA и его преимущества? в REACT

189. Каков порядок жизненного цикла при mounting? в REACT

190. Какие методы жизненного цикла будут устаревшими в React v16? в REACT

191. Какова цель getDerivedStateFromProps() метода жизненного цикла? в REACT

192. Какова цель getSnapshotBeforeUpdate()метода жизненного цикла? в REACT

193. Заменяют ли Hooks рендер props и компоненты более высокого порядка? в REACT

194. Каков рекомендуемый способ именования компонентов? в REACT

195. Каков рекомендуемый порядок методов в классе компонентов? в REACT

196. Что такое переключающий switching компонент? в REACT

197. Почему нам нужно передать функцию setState ()? в REACT

198. Что такое строгий режим в React? в REACT

199. Что такое React Mixins? в REACT

200. Почему isMounted()анти-шаблон и каково правильное решение? в REACT

201. Какие события указателя поддерживаются (Pointer Events) в React? в REACT

202. Почему имена компонентов должны начинаться с заглавной буквы? в REACT

203. Поддерживаются ли пользовательские атрибуты DOM в React v16? в REACT

204. В чем разница между конструктором и getInitialState? в REACT

205. Можете ли вы заставить компонент повторно выполнить рендеринг без вызова setState? в REACT

206. В чем разница между super()и super(props)в React с использованием классов ES6? в REACT

207. Как сделать цикл внутри JSX? в REACT

208. Как вы получаете доступ к Props в кавычках атрибутов?

209. Что такое массив типов React с формой? в REACT

210. Как условно применить атрибуты класса? в REACT

211. В чем разница между React и ReactDOM? в REACT

212. Почему ReactDOM отделен от React? в REACT

213. Как использовать элемент метки React? в REACT

214. Как объединить несколько объектов встроенного стиля? в REACT

215. Как повторно визуализировать представление при изменении размера браузера? в REACT

216. Как лучше организовать архитектуру приложения на Vue?

217. How use Database Eloquent в отдельном файле без ларавел

218. Error Passport+ laravel Trying to get property 'headers' of non-object [resolve]

219. How use Database Eloquent в отдельном файле без ларавел

220. Javascipt вызов функции по имени в виде строки

221. Резисторно-транзисторная логика RTL (РТЛ)

222. Как сохранить значение между вызовами одного и того же модуля в webpack ?

223. Веб-компоненты

224. Web Push уведомление Firebase с использованием JavaScript и PHP и большими картинками

225. Жизненный цикл service worker для использования кеша и получения пуш уведомлений

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

JavaScript доступно пользователю и может быть изменен(представьте что это какая то оплата), поэтому для обеспечения безопасности мы не должны полагаться на JavaScript. Об этом говорит сайт https://intellect.icu . в тоже время интерпритация интерфейса, еги прорисовка и обработка взаимодествия с пользователем лучше делать именно с использованием клиентских яыков программирования.

Из статьи мы узнали кратко, но содержательно про