Javascript js frontend
9.98K subscribers
424 photos
159 videos
15 files
310 links
Канал для начинающих JavaScript разработчиков. Если вы приступаете к изучению JS или FrontEnd в целом - этот канал для вас.

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
Алиасы в GIT

Большинство из нас знают, что такое GIT. При этом большинство из тех, кто им пользуется, постоянно применяют, по сути, одни и те же команды.

Например:

git status
git commit -m 'commit'

Git позволяет создавать алиасы команд. Благодаря этому вы можете вводить не длинную строку команды, а ее короткий псевдоним.

Создаём alias:

git config --global alias.st status
git config --global alias.cm 'commit -m'

Теперь нам не нужно постоянно вводить git status или git commit -m, достаточно ввести:

git st
git cm
This media is not supported in your browser
VIEW IN TELEGRAM
3D card animation

Свёрстано на HTML и CSS. В JS создана логика поворота карточки в зависимости от положения курсора пользователя.

#css #js
Что будет выведено в консоль?
Anonymous Quiz
35%
21
15%
undefined
33%
ReferenceError
11%
TypeError
5%
Посмотреть ответы
Что такое режим записи CSS

Одной из мощных функций CSS является его свойство writing mode, которое предоставляет разработчикам возможность управлять макетом и направлением содержимого.

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

#css #ru
CSS. Какой метод наклоняет элемент по осям X и Y на заданные углы (при использовании в transform)?
Anonymous Quiz
8%
skewX()
5%
skewy()
17%
skew-X-Y()
59%
skew()
11%
Посмотреть ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Dropdown dark/light

Выпадающий список с возможностью смены темы оформления, выполненный на чистом CSS, без использования JavaScript.

#css
JavaScript. Что будет выведено в консоль?

Ответ: 4. Потому что массивы – это объекты. Обе переменные, shoppingCart и fruits, являются ссылками на один и тот же массив.
JavaScript Data Structures and Algorithms

Автор:
Sammie Bae
Год издания: 2019

#js #en
Задача

Подумайте, что будет выведено в консоль при выполнении этого кода.

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Card Outer GLow Effect

Эффект свечения создается при помощи CSS box-shadow.

#css
JavaScript. Напишите функцию pow(x, n), которая возвращает x в степени n (то есть умножает x на себя n раз и возвращает результат). Создайте страницу, которая запрашивает x и n, а затем выводит результат pow(x, n).

P.S. В этой задаче функция обязана поддерживать только натуральные значения n, т.е. целые числа от 1 и выше.

Ответ
Использование FileReader для чтения файлов в JavaScript

В этой статье изучим, как использовать FileReader для чтения содержимого файлов в браузере. На практике рассмотрим несколько примеров, с использованием как элемента input, так и Drag'n'Drop.

#js #ru
This media is not supported in your browser
VIEW IN TELEGRAM
Fancy Digital Clock

Электронные часы, выполненные с помощью SCSS и библиотеки React.js.

#css #js
Курс «Английский для разработчиков» Яндекс Практикума

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

Обучение построено не вокруг абстрактной теории, а вокруг рабочих ситуаций и полезных для карьеры навыков:

Стендапы. Подготовитесь обсуждать задачи, задавать вопросы и просить о помощи.
👨‍💻 Работа с заказчиками. Научитесь презентовать решения, говорить про баги и фичи.
📣 Митапы. Сможете понимать на слух доклады и выступать сами.
😎 Собеседования. Научитесь рассказывать про свой опыт, понимать вопросы и тактично переспрашивать.
👯 Неформальное общение с коллегами. Сможете рассказать о своих интересах, опыте, планах на будущее.
💻 Код-ревью. Сможете описать сделанное, дать обратную связь, тактично отстоять своё мнение.

Запишитесь на бесплатную консультацию. Кураторы определят ваш уровень языка и расскажут подробнее про обучение.
Modern CSS

Автор:
Joe Attardi
Год издания: 2020

#css #en
JavaScript. Что будет выведено в консоль?

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Selectionator

Список, раскрывающийся при наведении на меню выбора. Реализован с помощью CSS и jQuery.

#css
JavaScript. Что будет выведено в консоль при выполнении этого кода?
console.log(true + false + true - false)
Anonymous Quiz
12%
true
8%
false
11%
1
5%
0
43%
2
13%
Ошибка
7%
Посмотреть ответы
Sniper-CSS: как избавиться от неиспользуемых стилей

Автор рассказал, как ему удалось перейти от 212 KB CSS к 32.1 KB, тем самым сократив код на 84,91%. Такой результат был достигнут даже при использовании сторонних библиотек и полном сохранении эстетики приложения.

#css #ru