Сможете ли вы это сделать в браузере? Сложный тест для тех, кто думает о веб-разработке

9 вопросов

Сможете ли вы это сделать в браузере? Сложный тест для тех, кто думает о веб-разработке

Посмотрите, насколько вы в курсе современного состояния веб-технологий и их ограничений. Возможно, работа веб-разработчика покажется вам после этого более интересной. Или, наоборот, вы поймёте, что вам подходит только хардкорная Java и больше ничего ⭐️ Тест выходит в поддержку курса Практикума про веб-разработку, зацените его тоже. 
1/9

Анимация на веб-странице. Реально?

Да, только средствами JS
Ну не только. Новый CSS поддерживает анимацию в любом виде.
Нет, забудьте
Анимация — это не всегда хорошо, но технически её делать легко.
Да, на CSS или JS. Лучше CSS, будет плавнее
Действительно.
2/9

Раз заговорили про CSS. Есть ли там переменные и условные операторы?

Переменных нет, условные операторы были ещё до SASS/LESS
Всё наоборот 🙂
Переменные есть, условных операторов в данный момент ещё нет (но есть в SASS/LESS)
Да, полноценные условные операторы пока что в спецификациях. Скоро выкатят.
Нет ни того ни другого, ничего. Только цвета да отступы
Это вы описываете CSS начала 2000-х.
3/9

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

Сохранить данные в Localstorage
Идеальное место.
Единственный способ — сохранить данные в БД на сервере
Ну не единственный, будет вам.

Записать данные на диск через JS и не париться

В текущей версии такой возможности нет, несекьюрно.
4/9

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

Это невозможно сделать. Веб нормально работает только на компьютере
О, как вы далеки от истины...
Сделать несколько версий страницы под разные устройства
Это будет работать, но нужно будет хитро заморачиваться с сервером, чтобы он отдавал нужные версии. И это тройная работа.
CSS Grid, Flexbox, в крайнем случае Bootstrap и подобные
Самый прямолинейный способ.
5/9

Самое крутое, что сейчас можно делать в браузере в плане игр?

Плоские аркадные прыгалки-стрелялки

Давно уже не потолок игростроения в браузере.
Полноценные трёхмерные игры с графикой из 2000-х.
Спокойно реализуются на готовых движках и работают в браузере.
Полноценные трёхмерные игры с фотореалистичной графикой и рейтрейсингом
Рейтрейсинг уже есть, но пока медленный.
Текстовые квесты и пошаговки
С 2000-х годов технологии давно шагнули вперёд.
6/9

Можно ли через JavaScript получить доступ к диску и что-то там записать или стереть? 

Запросто, если у браузера есть разрешения в операционной системе
Пока что браузеры умеют только скачивать файлы на диск.
JavaScript — нет, а TypeScript — да
TypeScript — это более строгая версия JS. Не получится.
В браузере — нет. В Electron — можно
Да, браузер работает как песочница и не пускает на диск.
7/9

Нейронки. В браузере. Да или нет?

В браузере работают любые нейронки без ограничений
Ограничения всё-таки есть, да и быстродействие не то.
Нет, без низкоуровневого доступа к процессору и памяти это невозможно
Низкий уровень нужен для быстродействия. Но в браузере уже можно кое-что делать.
Уже есть библиотеки на базе нейронок, которые хорошо работают в браузере
Например, можно убирать объекты с фотографий в реальном времени.
8/9

Хочу, чтобы в браузере было что-то вроде операционной системы с иконками, программами, перетаскиванием. Как удалённый рабочий стол. Больная фантазия?

Фантазия больная, но такое уже давно делают

Например, веб-интерфейс систем хранения Synology.
Пока что это слишком сложно для современных технологий
На самом деле всё выполнимо, просто много работы.
Это уже реальность: Windows 11 и iPad OS 16 — это веб-приложения
Ну нет, веб крут, но не настолько.
9/9

Хочу написать приложение на HTML и JS и сделать из него программу для macOS, Windows, iOS и Android. Законом не запрещено? 

Есть упаковщики и фреймворки, которые так делают. React Native и Electron в помощь
Не слишком оптимизировано, но работать можно.
Не запрещено, но технологий таких нет. Учите Java и C++
На C++ действительно можно всё это написать, но не только на нём.
Все эти платформы нативно поддерживают исполнение HTML и CSS как приложений
Ну не нативно. В браузере — может быть.
Результат

Вы удивитесь, что может веб

Когда вы откроете для себя мощь веб-технологий, возможно, это будет любовь с первого взгляда. Попробуйте бесплатную часть курса Практикума и, если пройдёте её за неделю, вам предложат скидончик 7%.

Результат

Большой потенциал в вас. И в вебе

У вас несколько устаревшие представления о том, что можно и нельзя делать в вебе. Вы будете приятно удивлены, когда погрузитесь в эту тему. Попробуйте бесплатную часть курса Практикума и, если зайдёт, примените промокод: WEBDEVST

Результат

Мастер. Веб-мастер

Похоже, вы уже веб-разработчик со стажем. Возвращайтесь к работе, типы данных сами себя не преобразуют. Хотя нет, преобразуют 🙂 Для вас есть продвинутые курсы Практикума: про Реакт и для мидл-фронтендеров. Пробуйте при оплате промокоды KOD_REACT10 и KOD_FRONTEND и посмотрите, что будет 🙂

Получите ИТ-профессию
В «Яндекс Практикуме» можно стать разработчиком, тестировщиком, аналитиком и менеджером цифровых продуктов. Первая часть обучения всегда бесплатная, чтобы попробовать и найти то, что вам по душе. Дальше — программы трудоустройства.
Начать карьеру в ИТ
Получите ИТ-профессию Получите ИТ-профессию Получите ИТ-профессию Получите ИТ-профессию
Еще по теме
medium