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

Сможете ли вы это сделать в браузере? Сложный тест для тех, кто думает о веб-разработке
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. Законом не запрещено? 

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

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

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

Результат

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

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

Результат

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

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

Обложка:

Алексей Сухов

Корректор:

Ирина Михеева

Вёрстка:

Кирилл Климентьев

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