Как написать переключатель темы на базе файлов cookie с помощью CSS и ванильного JavaScript
Сатья на Rus
Сатья на Eng
👉 @frontend_1
Сатья на Rus
Сатья на Eng
👉 @frontend_1
🔥3👎2
Fluid Type Scale Calculator
Generate font size variables for a fluid type scale with CSS clamp. Grab the output CSS and drop it into any design system.
https://www.fluid-type-scale.com/calculate
👉 @frontend_1
Generate font size variables for a fluid type scale with CSS clamp. Grab the output CSS and drop it into any design system.
https://www.fluid-type-scale.com/calculate
👉 @frontend_1
Fluid-Type-Scale
Fluid Type Scale Calculator
Generate font size variables for a fluid type scale with CSS clamp. Grab the output CSS and drop it into any design system.
Базовое понимание принципа Eventloop
Все мы слышали ни раз: JavaScript однопоточный язык программирования. Но, что это означает? Из вышесказанного следует, что интерпретатор языка идет по коду и выполняет команду за командой пока не достигнет конца. Но тогда это означало бы, что если требуется обратиться к серверу, то приходилось бы ждать ответа и только затем переходить к следующей операции, а пользователь ничего бы не смог сделать, пока идет обработка. К счастью, это не так, но как же происходят асинхронные действия и каким образом JavaScript может обрабатывать несколько операция одновременно?
https://habr.com/ru/post/680846/
👉 @frontend_1
Все мы слышали ни раз: JavaScript однопоточный язык программирования. Но, что это означает? Из вышесказанного следует, что интерпретатор языка идет по коду и выполняет команду за командой пока не достигнет конца. Но тогда это означало бы, что если требуется обратиться к серверу, то приходилось бы ждать ответа и только затем переходить к следующей операции, а пользователь ничего бы не смог сделать, пока идет обработка. К счастью, это не так, но как же происходят асинхронные действия и каким образом JavaScript может обрабатывать несколько операция одновременно?
https://habr.com/ru/post/680846/
👉 @frontend_1
👍1
How to Copy HTML and CSS Code From Websites Easily
https://tympanus.net/codrops/2022/08/02/how-to-copy-html-and-css-code-from-websites-easily/
👉 @frontend_1
https://tympanus.net/codrops/2022/08/02/how-to-copy-html-and-css-code-from-websites-easily/
👉 @frontend_1
💩2
Тяжелейший путь с нуля до джуна и мидла. Ультимативный гайд, советы и личный опыт
https://razrabs.ru/post/2990237f-8b27-4b96-bdee-09128cc1acfa
👉 @frontend_1
https://razrabs.ru/post/2990237f-8b27-4b96-bdee-09128cc1acfa
👉 @frontend_1
👍8🤡4
Дзен ищет Frontend-разработчика в команду форматов
Вакансия для тех, кто шарит в React, Redux, TypeScript, RxJS, server-side rendering на Node.js, фронтендит более 2-ух лет и работал с Git.
Что по задачам: нужно будет разрабатывать клиентскую бизнес-логику, заниматься адаптивной и кросс-браузерной вёрсткой с помощью React и Redux, работать с анимацией в браузерах и создавать тесты для автоматической проверки логики и внешнего вида компонентов.
Ещё больше информации здесь, стоит попробовать: http://bit.ly/3x69nnL
👉 @frontend_1
Вакансия для тех, кто шарит в React, Redux, TypeScript, RxJS, server-side rendering на Node.js, фронтендит более 2-ух лет и работал с Git.
Что по задачам: нужно будет разрабатывать клиентскую бизнес-логику, заниматься адаптивной и кросс-браузерной вёрсткой с помощью React и Redux, работать с анимацией в браузерах и создавать тесты для автоматической проверки логики и внешнего вида компонентов.
Ещё больше информации здесь, стоит попробовать: http://bit.ly/3x69nnL
👉 @frontend_1
🔥2
MyJavaScript
Руководства, шпаргалки, вопросы и другие материалы по JavaScript, React, TypeScript, Node.js, Express, Prisma, GraphQL, Docker и множеству других технологий, а также Блог по веб-разработке.
https://my-js.org/
👉 @frontend_1
Руководства, шпаргалки, вопросы и другие материалы по JavaScript, React, TypeScript, Node.js, Express, Prisma, GraphQL, Docker и множеству других технологий, а также Блог по веб-разработке.
https://my-js.org/
👉 @frontend_1
👍12
Fantastic CSS border animation
https://dev.to/chokcoco/fantastic-css-border-animation-5166
👉 @frontend_1
https://dev.to/chokcoco/fantastic-css-border-animation-5166
👉 @frontend_1
👍6
Рекомендуем к прочтению книгу Александра Бындю "Антихрупкость в IT"
Эта книга — результат многолетнего опыта построения IT-продуктов. И прежде всего она о том, как выстроить процессы разработки IT-систем таким образом, чтобы успевать вовремя подстроиться под любые изменения.
В её основе — описание работающих практик, примеры из реальных проектов, анализ ошибок и выводы. В книге собраны рекомендации для владельцев бизнеса и разработчиков. Первые приобретут систематизированные знания о том, как правильно взаимодействовать с IT, а вторые — как делать хорошо и не делать плохо.
Сайт издания
Ознакомиться с книгой
Эта книга — результат многолетнего опыта построения IT-продуктов. И прежде всего она о том, как выстроить процессы разработки IT-систем таким образом, чтобы успевать вовремя подстроиться под любые изменения.
В её основе — описание работающих практик, примеры из реальных проектов, анализ ошибок и выводы. В книге собраны рекомендации для владельцев бизнеса и разработчиков. Первые приобретут систематизированные знания о том, как правильно взаимодействовать с IT, а вторые — как делать хорошо и не делать плохо.
Сайт издания
Ознакомиться с книгой
👍8
Есть отличный способ получить крутую профессию в IT совершенно бесплатно.
22 февраля HTML Academy исполняется 11 лет и в честь этого они приглашают на марафон «Погружение в веб-разработку за 5 дней». Это значит 5 дней доступа к крутым тренажерам по веб-разработке и пробным курсам. Но самое главное — призы
Вы можете получить профессию «Фронтенд-разработчик». Обучение для победителя —119 000 рублей бесплатно.
Марафон — это шанс выиграть бесплатное обучение на профессии «Фронтенд-разработчик», пробный доступ к курсам и другие призы.
Пройдите не менее 50% программы марафона для участия в розыгрыше.
Каждому участнику Академия дарит гарантированные скидки.
Записывайся
22 февраля HTML Academy исполняется 11 лет и в честь этого они приглашают на марафон «Погружение в веб-разработку за 5 дней». Это значит 5 дней доступа к крутым тренажерам по веб-разработке и пробным курсам. Но самое главное — призы
Вы можете получить профессию «Фронтенд-разработчик». Обучение для победителя —
Марафон — это шанс выиграть бесплатное обучение на профессии «Фронтенд-разработчик», пробный доступ к курсам и другие призы.
Пройдите не менее 50% программы марафона для участия в розыгрыше.
Каждому участнику Академия дарит гарантированные скидки.
Записывайся
👍1🤔1
Задачи на собеседованиях. Event loop. JS
Каждый JS-разработчик, или тот, кто хочет им стать, сталкивался или на собеседованиях, или на разборах собесов про задачки на событийный цикл. Сначала интервьюер спрашивает кратко про event loop, затем показывает кусок кода, где обычно есть несколько console.log(), и нас просят сказать очередность появления логов. Далее, дается ответ, и если он правильный, идут дальше, а если нет, интервьюер скажет свою последовательность (возможно даст небольшой комментарий) и также двинутся дальше. Очень редко, если вы ошиблись, вам подробно объяснят, что как и почему. Все-таки - собеседование.
Несколько месяцев назад моя супруга захотела перейти в другую компанию, и начала проходить собесы. И вот после одного из них, я понял, что не всегда могу грамотно объяснить почему именно сейчас какая таска сработает, и поэтому решил углубиться в понимании и сейчас вам представлю мои размышления. Прошу воспринимать этот материал как открытый тред для рассуждения с некими вводными.
https://habr.com/ru/post/681882/
👉 @frontend_1
Каждый JS-разработчик, или тот, кто хочет им стать, сталкивался или на собеседованиях, или на разборах собесов про задачки на событийный цикл. Сначала интервьюер спрашивает кратко про event loop, затем показывает кусок кода, где обычно есть несколько console.log(), и нас просят сказать очередность появления логов. Далее, дается ответ, и если он правильный, идут дальше, а если нет, интервьюер скажет свою последовательность (возможно даст небольшой комментарий) и также двинутся дальше. Очень редко, если вы ошиблись, вам подробно объяснят, что как и почему. Все-таки - собеседование.
Несколько месяцев назад моя супруга захотела перейти в другую компанию, и начала проходить собесы. И вот после одного из них, я понял, что не всегда могу грамотно объяснить почему именно сейчас какая таска сработает, и поэтому решил углубиться в понимании и сейчас вам представлю мои размышления. Прошу воспринимать этот материал как открытый тред для рассуждения с некими вводными.
https://habr.com/ru/post/681882/
👉 @frontend_1
Хабр
Задачи на собеседованиях. Event loop. JS
Каждый JS-разработчик, или тот, кто хочет им стать, сталкивался или на собеседованиях, или на разборах собесов про задачки на событийный цикл. Сначала интервьюер спрашивает кратко про event loop,...
👍9
Задумывались ли вы, насколько ваш продукт доступен для незрячих? А для слабовидящих или тех, у кого нет рук?
Если вы разработчик (web, iOS и android), дизайнер, исследователь, зовём учиться делать продукт доступным вместе!
С 13 марта по 28 мая на курсе "Цифровая доступность" вместе с кураторами из Yandex, Dodo, Yandex Go, Сбер, SpurIT, Miro будем разбирать теорию и практику доступности, геймдизайн, информационную архитектуру, дизайн-системы и многое другое.
Наш курс для тех, кому важно:
😎 обеспечить доступность своего сайта или приложения для любого, включая незрячего и парализованного человека
👨🦯 прокачаться в создании дружелюбных интерфейсов
💪 повысить свою конкурентоспособность на зарубежном и российском рынке
✍️ систематизировать знания по инклюзивной разработке
🧠 стать частью сообщества продвинутых профессионалов
Приходите: accessibilityunity.com/
Если вы разработчик (web, iOS и android), дизайнер, исследователь, зовём учиться делать продукт доступным вместе!
С 13 марта по 28 мая на курсе "Цифровая доступность" вместе с кураторами из Yandex, Dodo, Yandex Go, Сбер, SpurIT, Miro будем разбирать теорию и практику доступности, геймдизайн, информационную архитектуру, дизайн-системы и многое другое.
Наш курс для тех, кому важно:
😎 обеспечить доступность своего сайта или приложения для любого, включая незрячего и парализованного человека
👨🦯 прокачаться в создании дружелюбных интерфейсов
💪 повысить свою конкурентоспособность на зарубежном и российском рынке
✍️ систематизировать знания по инклюзивной разработке
🧠 стать частью сообщества продвинутых профессионалов
Приходите: accessibilityunity.com/
Code Golfing Tips & Tricks: How to Minify your JavaScript Code
https://getbutterfly.com/code-golfing-tips-tricks-how-to-minify-your-javascript-code/
👉 @frontend_1
https://getbutterfly.com/code-golfing-tips-tricks-how-to-minify-your-javascript-code/
👉 @frontend_1
getButterfly
Code Golfing Tips & Tricks: How to Minify your JavaScript Code
JavaScript golfing is the process of writing the smallest amount of JavaScript code to do something awesome.
Центрируй, властвуй, располагай
Сегодня я хочу рассказать о вертикальном и горизонтальном центрировании CSS (Cascading Style Sheets). В сети есть много статей на эту тему, но я хочу выделить все виды горизонтального и вертикального центрирования с примерами.
https://habr.com/ru/company/usetech/blog/680330/
👉 @frontend_1
Сегодня я хочу рассказать о вертикальном и горизонтальном центрировании CSS (Cascading Style Sheets). В сети есть много статей на эту тему, но я хочу выделить все виды горизонтального и вертикального центрирования с примерами.
https://habr.com/ru/company/usetech/blog/680330/
👉 @frontend_1
Хабр
Центрируй, властвуй, располагай
Кирилл Мыльников Frontend разработчик в Usetech Всем привет, с вами Кирилл Мыльников, frontend разработчик компании Usetech. Сегодня я хочу рассказать о вертикальном и горизонтальном центрировании CSS...
👍4