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

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

9 вопросов

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

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

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

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

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

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

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

Сохранить данные в Localstorage
Идеальное место.

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

В текущей версии такой возможности нет, несекьюрно.
Единственный способ — сохранить данные в БД на сервере
Ну не единственный, будет вам.
4/9

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

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

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

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

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

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

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

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

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

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

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

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

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

Например, веб-интерфейс систем хранения Synology.
9/9

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

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

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

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

Результат

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

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

Результат

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

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

Обложка:

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

Корректор:

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

Вёрстка:

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

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