@frontend_school #статья #JavaScript
Что такое API в веб-приложениях и зачем он нужен
Аббревиатура API расшифровывается как Application Programming Interface, или интерфейс для программирования приложений. Название, вроде бы, говорит само за себя, но лучше рассмотреть более детальное объяснение. Сегодняшняя статья специально опубликована для начинающих разработчиков, которые слышали об API, но пока ещё не знают что это и зачем.
Что такое API в веб-приложениях и зачем он нужен
Аббревиатура API расшифровывается как Application Programming Interface, или интерфейс для программирования приложений. Название, вроде бы, говорит само за себя, но лучше рассмотреть более детальное объяснение. Сегодняшняя статья специально опубликована для начинающих разработчиков, которые слышали об API, но пока ещё не знают что это и зачем.
Что будет выведено в консоль при выполнении кода, представленного на изображении выше?
Anonymous Quiz
9%
SyntaxError
67%
Lydia Hallie
15%
undefined undefined
9%
TypeError
@frontend_school #ответ_на_задачу
По ссылке ниже представлено решение задачи №32 «Берлинские часы».
Обращаю ваше внимание, что это только один из возможных вариантов решения. И если вы решили иначе, то это не значит, что ваш вариант неправильный.
Если вы не согласны с подобным решением или считаете, что ваш вариант лучше - делитесь ими в комментариях! Любые предложения приветствуются и помогают вам и другим подписчикам лучше понимать код!
По ссылке ниже представлено решение задачи №32 «Берлинские часы».
Обращаю ваше внимание, что это только один из возможных вариантов решения. И если вы решили иначе, то это не значит, что ваш вариант неправильный.
Если вы не согласны с подобным решением или считаете, что ваш вариант лучше - делитесь ими в комментариях! Любые предложения приветствуются и помогают вам и другим подписчикам лучше понимать код!
@frontend_school #интересное
Худший в мире color picker
Забавный проект, который позволяет подобрать цвет и показывает код к нему. Интересен с точки зрения простоты реализации кода.
Худший в мире color picker
Забавный проект, который позволяет подобрать цвет и показывает код к нему. Интересен с точки зрения простоты реализации кода.
@frontend_school #статья
Webpack: руководство для начинающих
Вебпак — это сборщик модулей. Он анализирует модули приложения, создает граф зависимостей, затем собирает модули в правильном порядке в один или более бандл (bundle), на который может ссылаться файл «index.html». Эта статья поможет вам разобраться как работает webpack и как им пользоваться.
Webpack: руководство для начинающих
Вебпак — это сборщик модулей. Он анализирует модули приложения, создает граф зависимостей, затем собирает модули в правильном порядке в один или более бандл (bundle), на который может ссылаться файл «index.html». Эта статья поможет вам разобраться как работает webpack и как им пользоваться.
Какие значения будет присвоены переменным res1, res2 и res3 соответственно?
Anonymous Quiz
12%
1, 1, 1
5%
10, 1, 1
41%
10, 10, 1
14%
1, 10, 1
27%
10, 10, NaN
@frontend_school #задача №33
Пятница 13-е
Пятница 13-е считается несчастливым днём во многих странах мира, а в некоторых число 13 стараются и вовсе избегать - даже этажи не нумеруют этим числом.
Условие:
Написать функцию, которая принимает в качестве аргумента год (например, 2020) и возвращает число, сколько раз пятница 13-е случается в этом году.
Например:
При вводе 1812 года должна вернуться цифра 2.
Присылайте свои варианты решения в чат! Если решение длинное, то разместите его в онлайн-редакторе, например jsbin или codepen и присылайте ссылку на результат!
И не стесняйтесь задавать вопросы в чате, если что-то непонятно!
Пятница 13-е
Пятница 13-е считается несчастливым днём во многих странах мира, а в некоторых число 13 стараются и вовсе избегать - даже этажи не нумеруют этим числом.
Условие:
Написать функцию, которая принимает в качестве аргумента год (например, 2020) и возвращает число, сколько раз пятница 13-е случается в этом году.
Например:
При вводе 1812 года должна вернуться цифра 2.
Присылайте свои варианты решения в чат! Если решение длинное, то разместите его в онлайн-редакторе, например jsbin или codepen и присылайте ссылку на результат!
И не стесняйтесь задавать вопросы в чате, если что-то непонятно!
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное
Загрузка в стиле илюминатов
Вариант загрузки, который проливает свет на то, почему шкала загрузки иногда "застревает". Выполнен с помощью CSS анимации и JS.
Загрузка в стиле илюминатов
Вариант загрузки, который проливает свет на то, почему шкала загрузки иногда "застревает". Выполнен с помощью CSS анимации и JS.
@frontend_school #статья #CSS
Вредные советы по CSS
Интернет полон различных туториалов и лайфхаков по работе с CSS. Это безусловно здорово, но что, если взглянуть на таблицы стилей с другой стороны? В этой статье вы найдете приёмы, благодаря которым сможете написать по-настоящему ужасный CSS для вашего сайта. И кто знает, может, это пойдёт вам на пользу!
Вредные советы по CSS
Интернет полон различных туториалов и лайфхаков по работе с CSS. Это безусловно здорово, но что, если взглянуть на таблицы стилей с другой стороны? В этой статье вы найдете приёмы, благодаря которым сможете написать по-настоящему ужасный CSS для вашего сайта. И кто знает, может, это пойдёт вам на пользу!
Какое значение примет array при выполнении кода, представленного на изображении выше?
Anonymous Quiz
38%
[1, 2, 3, 4, 5]
37%
1, 2, 3, 4, 5
18%
1
8%
[1]
@frontend_school #ответ_на_задачу
По ссылке ниже представлено решение задачи №33 «Пятница 13-е».
Обращаю ваше внимание, что это только один из возможных вариантов решения. И если вы решили иначе, то это не значит, что ваш вариант неправильный.
Если вы не согласны с подобным решением или считаете, что ваш вариант лучше - делитесь ими в комментариях! Любые предложения приветствуются и помогают вам и другим подписчикам лучше понимать код!
По ссылке ниже представлено решение задачи №33 «Пятница 13-е».
Обращаю ваше внимание, что это только один из возможных вариантов решения. И если вы решили иначе, то это не значит, что ваш вариант неправильный.
Если вы не согласны с подобным решением или считаете, что ваш вариант лучше - делитесь ими в комментариях! Любые предложения приветствуются и помогают вам и другим подписчикам лучше понимать код!
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное
Кошачье пианино
Пианино не только интерактивно, но ещё и полностью функционально - оно воспроизводит звук в зависимости от нажатой клавиши. Реализовано на HTML, SCSS и JavaScript.
Кошачье пианино
Пианино не только интерактивно, но ещё и полностью функционально - оно воспроизводит звук в зависимости от нажатой клавиши. Реализовано на HTML, SCSS и JavaScript.
@frontend_school #статья #JavaScript
Порядок выполнения скриптов в HTML. Тег script и атрибуты async, defer, module, nomodule и src
С добавлением в JavaScript ES-модулей появилось не менее 24 способов подгрузить скрипты: с атрибутом
В этой статье сравним, как встроенные в HTML тэги
Порядок выполнения скриптов в HTML. Тег script и атрибуты async, defer, module, nomodule и src
С добавлением в JavaScript ES-модулей появилось не менее 24 способов подгрузить скрипты: с атрибутом
src
и без него; с async
или без; defer
или нет; type=module
и nomodule
. Все они немножко отличаются друг от друга.В этой статье сравним, как встроенные в HTML тэги
<script>
обрабатываются в зависимости от набора атрибутов.