КОРИСНІ ОНЛАЙН СЕРВІСИ для верстки сайтів. CSS-генератори, валідатори, конвертери та ChatGPT
Корисні онлайн-сервиси для верстки сайтів. У цьому відео зібрав корисні онлайн сервіси, які значно полегшать роботу при верстці сайтів. CSS-генератори, валідатори, конвертери та ChatGPT
Массив – это особый подвид объектов. Он позволяет нам хранить данные, но, в отличии от объектов, мы можем управлять этими данными более гибко. Как работать с массивами и применять различные методы мы сейчас и разберемся! Но то, что действительно делает массивы особенными – это их внутреннее представление. Движок JavaScript старается хранить элементы массива в непрерывной области памяти, один за другим. Существуют и другие способы оптимизации, благодаря которым массивы работают очень быстро. Но все они утратят эффективность, если мы перестанем работать с массивом как с «упорядоченной коллекцией данных» и начнём использовать его как обычный объект. Массивы тщательно настроены в движках JavaScript для работы с однотипными упорядоченными данными, поэтому, пожалуйста, используйте их именно в таких случаях. Если вам нужны произвольные ключи, вполне возможно, лучше подойдёт обычный объект { }.
? Файлы урока - https://fls.guru/files/tutorials/js/js-array.zip
? Карта канала: http://bit.ly/36r29xV
? Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
? Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
? Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
? Facebook: https://www.facebook.com/freelancerlifestyle
? Instagram: https://www.instagram.com/freelancer.lifestyle
00:00 - В уроке
00:23 - Создание массивов. Элементы (значения) массива.
01:20 - Получение значений массива
04:07 - Длина массива. Свойство length
04:42 - Доступ к массиву
05:28 - Изменение значений массива
06:15 - Что такое очередь и стек
07:13 - Работа с очередью и стеком. Методы push/pop и shift/unshift
09:40 - Редактирование элементов массива. Метод splice
13:08 - Коп
...
https://www.youtube.com/watch?v=GULFKAX0nxY
Что же такое Grid Layout? Суть этого модуля заключается в разделении веб-страницы на столбцы и строки. В получившейся сетке можно размещать элементы. Управлять размерами и расположением этих элементов можно с помощью специальных свойств модуля.
Эта способность позволяет очень гибко отображать элементы на экране без изменений структуры кода. Но то же самое умеет и Flex скажешь ты. И это верно, но фишка в том, что помимо прочего Grid умеет управлять элементами в двухмерной плоскости, то есть и по горизонтали и по вертикали одновременно. Flex же работает с одной осью – горизонтальной либо вертикальной. Отлично, но че там с кроссбраузерностью? На первый взгляд все не плохо. По данным сервиса Can I Use модуль Grid Layout Level 1 поддерживают 93% пользователей. Даже ослик 11й что-то понимает правда с префиксами. Но поскольку Grid Layout довольно большой модуль использующий множество свойств, проверять поддержку следует каждого свойства который захотите использовать.
? Спецификация для браузеров Microsoft (eng): http://fls.guru/grid.html
? Известные баги Grid: http://fls.guru/grid.html
?Весь прейлист CSS Grid Layout: - https://www.youtube.com/playlist?list=PLM6XATa8CAG5pXQrW_kDaeZb_uIAMNZIm
? Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
? Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
? Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
? Facebook: https://www.facebook.com/freelancerlifestyle
? Instagram: https://www.instagram.com/freelancer.lifestyle
? Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработк
...
https://www.youtube.com/watch?v=GV92IdMGFfA