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

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Checkbox card

Чекбокс в виде карточек. Если выбрать категорию, картинка становится цветной. Сделано на SCSS.

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

Ответ
Ваши автотесты сложно поддерживать и они не всегда надежны? Хотите узнать, как улучшить процесс автоматизации тестирования и повысить качество результатов? 👀

Всего за пару часов вы изучите паттерн Page Object, чтобы сделать тесты структурированными, легко читаемыми и поддерживаемыми. Вы узнаете, как оптимизировать автоматизированные тесты в JavaScript, что повышает их производительность и надежность.

➡️Присоединяйтесь к открытому вебинару 17 сентября в 20:00 мск!

Спикер Татьяна Березенцева — Senior Automation QA в зарубежной компании Multilogin.

Встречаемся в преддверии старта курса «JavaScript QA Engineer».

Все участники вебинара получат специальную цену на обучение!
➡️Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Gallery w/ mouse follower

Вся сцена - это svg-картинка, анимируемая с использованием библиотеки gsap.

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

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

Ответ
JavaScript. Свойства объекта

Вы можете получить доступ к свойствам объекта с помощью [] вместо '.'. Это позволяет найти свойство, которое соответствует переменной.

Также это можно использовать для получения или установки значения свойства, если его название - неразрешенный идентификатор.

Некоторые люди не знают этого и заканчивают это использованием eval(), что по-настоящему плохая идея. Так код сложнее читать, сложнее находить ошибки (невозможно использование jslint), он медленнее выполняется и может привести к XSS.
Positive Negative.gif
120.1 KB
Positive Negative

Слайдер температуры с положительным и отрицательным значениями. Реализован с помощью Vue.

#js
Хотите освоить передовые инструменты для создания масштабируемых решений и прокачаться в разработке?

➡️➡️➡️Присоединяйтесь к открытому вебинару «Создание RestFull API с NestJs» 24 сентября в 20:00 мск, где мы разберем:

- общие принципы построения REST;
- как создать RestFull API с помощью NestJS;
- как использовать современные фреймворки для разработки масштабируемых API.

Спикер Николай Лапшин — опытный архитектор, тимлид и разработчик на Javascript, Typescript, Golang, C.

Встречаемся в преддверии старта курса «JavaScript Developer. Professional».
Все участники вебинара получат специальную цену на обучение!
➡️➡️Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие
Please open Telegram to view this post
VIEW IN TELEGRAM
JavaScript. Каким будет результат?
Anonymous Quiz
8%
[0, 10], [10, 20]
14%
20, 20
54%
10, 20
6%
0, 10 и 10, 20
19%
Посмотреть ответы
This media is not supported in your browser
VIEW IN TELEGRAM
London Tube Map - Navigation Bar Concept

Концепция панели навигации в виде схемы лондонского метро.

#js
JavaScript. Что вернет метод prompt, если пользователь отменит ввод нажатием на Esc?
Anonymous Quiz
32%
undefined
21%
"" (пустая строка)
23%
null
6%
{} (пустой объект)
3%
[] (пустой массив)
15%
Посмотреть ответы
JavaScript. Каким будет результат?
Anonymous Quiz
4%
8
70%
10
13%
SyntaxError
9%
ReferenceError
3%
Посмотреть ответы
This media is not supported in your browser
VIEW IN TELEGRAM
Neon Cursor

Реализовано при помощи Three.js. Настройки анимации задаются в JS.

#js
Quickchat UI Themes.gif
1.6 MB
Quickchat UI Themes

Адаптивная панель управления с темой пользовательского интерфейса Quickchat. Реализована с помощью JavaScript.

#css
@frontquizes - тесты по фронтенд технологиям, преимущественно Javascript/React/HTML/CSS
This media is not supported in your browser
VIEW IN TELEGRAM
Ocean card, perspective shift on hover

Смена перспективы при наведении мыши на карточку. Сделано с помощью SCSS и JS (Babel).

#js
This media is not supported in your browser
VIEW IN TELEGRAM
Masked Circle Slider

Сверстано на HTML и SCSS. Логика переключения слайдов реализована в JS.

#js
Хотите освоить прогрессивный фреймворк для создания веб-приложений на JS?

➡️Ждем вас на открытом вебинаре 23 октября в 20:00 мск, где мы разберем:

✔️архитектурные принципы Nest.Js, включая внедрение зависимостей и модульность;
✔️как создавать маршруты, контроллеры и использовать middleware;
✔️как работать с базами данных, включая MongoDB, PostgreSQL и MySQL;
✔️методы тестирования и отладки приложений Nest.Js.

Спикер Николай Лапшин — опытный архитектор, тимлид, преподаватель и разработчик с широким технологическим стеком.

Встречаемся в преддверии старта курса «Node.js Developer». Все участники вебинара получат специальную цену на обучение!
➡️Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие


Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Please open Telegram to view this post
VIEW IN TELEGRAM