TGViewer
Channel Public Channel
Javascript Pro

Javascript Pro

@projavascript

Канал для начинающих JavaScript разработчиков. Если вы приступаете к изучению JS - этот канал для вас.

Админ: @anothertechrock
Subscribers
2.51K
Photos
180
Videos
30
Links
158

Showing posts older than #99 · Back to latest

Older Posts 20 shown
Post #98 4.09K
  • 👍 12
  • 🤯 10
  • 😁 5
  • 🤔 2
Post #97 3.41K
Post #95 3.66K
Driving through the Mountains

Сцена создана при помощи препроцессоров Haml и SCSS. В JS реализована логика установки расстояний между деревьями.
  • 🔥 6
Post #94 3.8K
Что будет выведено в консоль?

Ответ
  • 👍 18
Post #93 3.93K
  • 💩 22
  • 👍 4
  • 👎 4
  • 😁 4
  • 😱 1
Post #92 4.36K
Статья дня. Вводное руководство по CI/CD для фронт разработчиков.

Читать статью

#читать
  • 👍 5
  • 🔥 1
Post #91 3.95K
3D hover plane effect

Простой эффект 3D-плоскости при наведении, реализованный с помощью CSS-свойства transform и jQuery.
  • 💩 9
  • 🔥 8
  • ❤ 1
Post #90 4.31K
Roguelike Development with JavaScript

Автор: Andre Alves Garzia
Год издания: 2020

Рецензия на книгу:
Плюсы:
1.
Множество примеров кода;
2. Хороший авторский стиль.

Минусы:
1.
Не замечено.

#JavaScript

Скачать книгу
  • 👍 3
  • ❤ 1
Post #89 3.55K
Что выведет в консоль?

Ответ
  • 👍 25
Post #88 4.11K
Статья дня. Что такое SPA - плюсы и минусы, некоторые особенности.

Краткая заметка, которая подойдет для подготовки к собеседованию.

Читать статью

#читать
KeyCDN Single-Page Applications: A Comprehensive Guide Single-Page-Applications (SPAs) are websites that load all their content into a single page. Learn the benefits of SPAs and when they're best for your website.
  • 👍 7
  • 👎 2
Post #84 4.21K
Memory Game

Суть игры в том, что надо найти пары одинаковых карточек. Логика сделана на JS.
  • 👍 18
  • 🔥 3
  • ❤ 1
Post #83 5.29K
  • 👍 12
  • 👏 4
  • 🤔 4
  • 🔥 3
Post #82 4.44K
Post #81 5.01K
Post #80 5.49K
  • 😁 9
  • 🔥 1
Post #79 4.73K
Post #78 4.89K
  • 🥰 3
Post #77 4.26K
Приветствую фронты! Давно уже слышал про такую тему как <picture /> но применить на практике пришлось вот только недавно.

Задача: Отображать разные картинки в зависимости от размера девайса

Можно сделать и через CSS, но минус такого подхода в том что рендерится все-равно 2 картинки, а если элементов в которых нужно сделать такую подмену много(как у меня было) то это влияет на производительность. В итоге вспомнил про picture и применил его:

Выглядит примерно так:

<picture>
<source media="(min-width:650px)" srcset="big_pic.jpg">
<source media="(min-width:465px)" srcset="small_pic.jpg">
<img src="pic.jpg" alt="pic" style="width:auto;">
</picture>


В общем вот вам, экспериментируйте =)
Post #76 4.06K
Sliding Sign In Sign Up Page

Форма авторизации и регистрации с анимацией переключения между ними.

#css #js
  • 👍 23
  • ❤ 5
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →