Javascript

🔥 Front-end. Вопросы на собеседовании

Огромный репозитории видеокаста, содержит коллекцию вопросов и ответов, которые можно получить на техническом собеседовании на вакансию Junior/Middle Front-end разработчик.

🖥

GitHub/Инструкция

#html #js #oop #react #vue #nodejs

@javascriptv

Please open Telegram to view this post

VIEW IN TELEGRAM

👍17😁8🔥2❤1

4.07K viewsedited 06:37

🔩

Surge

Surge — площадка для бесплатной публикации статических сайтов

Самое приятное, что опубликовать свой проект можно прямо из командной строки буквально в одну команду. Поддерживаются HTML, CSS, JavaScript

На данный момент с помощью Surge уже опубликовано более 1,5 млн проектов

Стоимость: #бесплатно (но есть и платный тариф)

#web #html #css

Please open Telegram to view this post

VIEW IN TELEGRAM

👍16❤2🔥1

3.42K viewsedited 10:40

0:04

🖥

Google Loading

Анимированный загрузчик в стиле Google на HTML и SCSS.

#html #css

https://codepen.io/onlyveen/pen/owQRME

@javascriptv

Please open Telegram to view this post

VIEW IN TELEGRAM

👍13🔥3❤1

2.77K viewsedited 11:12

0:06

Send

Желаете разнообразить обратную связь с вашими клиентами или пользователями вашего сайта? Или просто добавить на ваш сайт красивую кнопку - "отправить"? Тогда берите этот код - жалеть вам точно не придётся.

#js #css #html #coden

https://codepen.io/wheatup/pen/YzVJrLL

@javascriptv

👍14❤2🔥2👎1

2.76K viewsedited 05:10

Glass Morphism

Приятная анимация кнопок.

#js #css #html #coden

https://codepen.io/katarzynamarta/pen/rNdbbVq

@javascriptv

❤7👍3🔥2

2.8K viewsedited 10:10

Manufactured

Приятная гифка, которую можно либо забрать себе, либо придумать что-то похожее для своего проекта.

#js #css #html #coden

https://codepen.io/saifkeralite/pen/RwMJgVd

@javascriptv

👍9🔥2❤1

2.6K viewsedited 11:57

🌐

Textarea auto-expand

Автоматическое расширение текстовой области. Реализовано с помощью JavaScript и CSS.

#css #js #html

⭐️

Code

@javascriptv

Please open Telegram to view this post

VIEW IN TELEGRAM

👍7❤1🔥1

3.47K views09:45

Новогодний шар — выбираем подарки близким

Если вы не знаете, какой подарок подарить родителям или друзьям, то почему бы не выбрать их с помощью новогоднего шара? Снежный шар написан на JS с помощью HTML и CSS. Нажав на кнопку, шар выберет из списка подарок только один.

Полный код по ссылке:

https://codepen.io/thestemdiaries/pen/qBKbgjQ

#js #html

👍5❤3🔥1

2.91K views12:30

Как делать формы с адресом электронной почты пользователя?

В этой статье рассматриваются способы, как создать формы для пользовательского ввода, которые помогут легко защитить адрес электронной почты от спам-ботов.

Автор предлагает несколько решений на: JavaScript, HTML + CSS, а также некоторые онлайн-сервисы, такие как Formspree, для создания контактных форм:

https://css-tricks.com/how-to-safely-share-your-email-address-on-a-website/

#js #html #css

👍7❤3🔥3

3.3K views11:02

HTML-формы и валидация с помощью Pristine.js

Валидация форм на веб-сайте очень важна, так как позволяет проверить правильность ввода данных, улучшает пользовательский опыт и упрощает обработку данных на стороне сервера.

Pristine.js позволяет упростить и ускорить процесс валидации HTML форм на веб-сайте. В этой статье вы узнаете, как использовать Pristine.js для проверки введённых пользователем данных в реальном времени, в том числе на пустые поля, правильный формат email и телефонных номеров, длину строки и т.д.

https://blog.openreplay.com/html-form-validation-with-pristinejs/

#html #pristinejs

@javascriptv

👍14🔥2❤1

3.42K views08:02

You don't need JavaScript for that - HTMHell

🖥

JavaScript нужен не везде!

Возможно, вы думаете: "везде, где я использую JS - это единственный верный вариант". Возможно, это и так, но полезно знать, что и разработчики браузеров, и авторы спецификаций переносят на CSS и HTML многие функции, для которых еще несколько лет назад требовался JS. Именно об этом и пойдет речь в этой статье.

https://www.htmhell.dev/adventcalendar/2023/2/

#html #css #javascript

@javascriptv

Please open Telegram to view this post

VIEW IN TELEGRAM

A collection of bad practices in HTML, copied from real websites.

❤15🔥2👍1

4.58K views07:02

GitHub - hammerjs/hammer.js: A javascript library for multi-touch gestures :// You can touch this

👌🏻🤞🏼Классная библиотека JS, о которой возможно ты никогда не слышал

Hammer.js — это библиотека для распознавания жестов 🤲🏻 на сенсорных устройствах. Чтобы добавить её в проект, можно использовать NPM:

npm install --save hammerjs

Yarn:

yarn add hammerjs

, или подключить напрямую через CDN. Она позволяет легко реагировать на такие жесты, как тапы, двойные тапы, удержания и свайпы, делая интерфейс более дружелюбным и интерактивным.

Hammer.js предлагает удобные инструменты для работы с жестами, что особенно актуально для мобильных приложений и сайтов.

📍Github
📍Docs

#js #javascript #nodejs #css #html

@javascriptv

GitHub

A javascript library for multi-touch gestures :// You can touch this - hammerjs/hammer.js

👍14❤4🔥3🤔1

4.66K views15:04

🖥 Анимированный контур кнопки для HTML-элемента, который останавливается при наведении на неё.

Эффект неонового свечения, подойдет для темной темы приложения.

#hover #кнопки #градиент #html

https://codepen.io/shshaw/pen/RwJwJJx

@javascriptv

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥21👍9❤5

6.1K views16:00

⭐️ Roadmap для веб-разработчиков

Один из самых красивых роадмэпов, который я когда-либо видел, создал разработчик из Дании.

Он составил интерактивную дорожную карту для веб-разработчиков.

К каждому пункту прилагаются ссылки на ресурсы, где можно изучить или подтянуть соответствующую тему.

Это отличный способ организовать обучение и следить за своим прогрессом в веб-разработке.

https://andreasbm.github.io/web-skills/

@javascriptv

#roadmap #web #js #html #css

👍21🔥9❤4

7.38K views06:30