Браузер не может отрисовать очень большую таблицу. А нужно. Что делать?

Андрей Сверлин, Мог бы, почему нет. Ничего сложного https://codepen.io/anon/pen/JewGPE?editors=0011

Браузер не может отрисовать очень большую таблицу. А нужно. Что делать?

Андрей Сверлин, Работайте с данными. Не создавайте 30к img — создайте массив данных на 30к элементов

[{
  src: '',
  coords: {x:1, y:1}
}, {
  src: '',
  coords: {x:1, y:1}
},
 // …
]

Картинок создайте столько, сколько их помещается во вьюпорт (только видимые). При смещении карты добавляйте картинки и удаляйте скрывающиеся.

Как сделать портфолио ничего не нарушив?

Почему бы не спросить разрешения/согласия выложить в портфолио?

Скажу за себя: я всегда кидал в портфолио все что считал нужным из сделанного. Но если кто-то из заказчиков потом просил убрать/скрыть, я шел навстречу. Показать всё равно есть что.
Иногда просили просто написать сноску, типа такой, что "сделано для студии Бла-Бла"

Как узнать на какой запрос пришел ответ?

Я один не понял о чем речь?
Если вы делаете запрос, то в любом случае получите ответ. Если не дождавшись ответа в разорвете соединение, то и ответ никогда до вас не дойдет. это про http.

в js вы всегда в коллбеке получите ответ на нужный запрос
в php file_get_contents сделает запрос и получит ответ сама, вам только вернет результат. в php curl то же самое.

в общем я нифига не понял о чем вопрос.

Как сверстать такую форму регистрацию?

learn.javascript.ru

Как сверстать такую форму регистрацию?

Сначала верстаем всю форму, внешний вид.
Потом добавляем ей мозгов.

1) Проверяла поля Имя,Фамилия Отчество что бы там не было матов, и неизвестных символов.

Ок. Так нужен словарь матов. По нажатию на кнопку отправить (onsubmit) или при вводе символов (oninput) или при переходе на другое поле (onchange, onblur) берем введенное значение из инпута и проверяем по словарю.
На неизвестные проверять не стоит, они же неизвестные =)). Проверяем на допустимые символы. Тут просто пишем регулярку и чекаем по ней.

2) Проверка логина (проверка логина на базе данных, и проверка на мат. слов)

С матами то же самое. Для проверки занятости логина делаем ajax запрос к бекэнду, и получаем ответ занято/свободно.

3) Проверять пароль что бы при вводе 2 раза он ввел правильно.

Ну тут уж простите, совсем примитив: тупо сравниваем значения двух полей..

В общем так далее по каждому пункту.

Если вы вообще ничего не умеете (а судя по постановке вопроса, это так и есть), то открывайте learn.javascript.ru и подтяните знания.

Можно ли обратититься к предыдущеме элементу в css?

Владимир Проскурин, Нашёл. Там про родителя, но полагаю что с предыдущим та же трабла https://web-standards.ru/articles/parent-selector/

Можно ли обратититься к предыдущеме элементу в css?

Владимир Проскурин, вот-вот )
А по-поводу "почему не добавили" — где-то читал, что это связано с особенностями парсинга/построения DOM. Подробностей уже не помню, суть в том, что подобный селектор будет "тяжелым" для выполнения.
Возможно поэтому до сих пор нигде не реализован :has
Надо бы найти ту статейку, перечитать.

Можно ли обратититься к предыдущеме элементу в css?

На практике такого селектора иногда не хватает.

Например меню. Пункты идут вертикально, между ними разделить в виде канавки имитируется двумя бордерами - предыдущий нижний посветлее и свой верхний потемнее.
При наведении на пункт он должен поменять цвет фона и разделители бывает "режут глаз", хорошо бы их обесцветить или подогнать цвет под новый.

Растягивание левого блока по высоте правого, как сделать?

Антон Вебсайтовский,

flex-shrink: 0; - насчет этого не знаю, первый раз вижу.

Запрещает колонке уменьшаться меньше заданного значения (width или flex-basis)

Растягивание левого блока по высоте правого, как сделать?

Антон Вебсайтовский, Суть в том, что две колонки находятся во флекс контейнере и за счет align-items:stretch (это значение по-умолчанию) они равной высоты.
Чтобы длинный контент первой колонки не растягивал саму колонку (а он будет растягивать даже с overflow-hidden), этот контент расположен в блоке, выдернутом из общего потока абсолютным позиционированием. И растянут на всю область левой колонки.
Для мобильников абсолютное позиционирование и флекс-раскладка убирается, и все встает в одну колонку.

Растягивание левого блока по высоте правого, как сделать?

Антон Вебсайтовский, вся разница в "более рабочести" здесь
https://caniuse.com/#feat=flexbox и https://caniuse.com/#feat=css-grid

Браузер не может отрисовать очень большую таблицу. А нужно. Что делать?

Андрей Сверлин, Все-таки карта.

Карту лучше наверное рисовать на канве. Но можно и элементами. В любом случае общий принцип будет примерно одинаковый.

Карта делится на тайлы, допустим квадраты 10*10 игровых полей (ячеек). При загрузке проверяется размер области просмотра и определяется сколько тайлов вмещается первоначально. Пусть 3*2. Загружаем эти шесть тайлов по 10*10=100 ячеек в каждом, и сразу же загружаем окружающие тайлы (вокруг этого прямоугольника), получается область 5*4 тайла.
По мере прокрутки карты в определенном направлении подгружаем тайлы, попадающие в область видимости. И выгружая ненужные.
Примерно так работают все картографические сервисы, и все знакомые мне игры.

Как сделать drag and drop файла в форму, но без загрузки файла на сервер?

ну так вы его просто не загружайте раньше времени и всё =))

В ondrop сохраняйте файл(ы) в переменную
files = event.dataTransfer.files;
а по клику на кнопку отправляйте на сервер.

Браузер не может отрисовать очень большую таблицу. А нужно. Что делать?

Андрей Сверлин, Хоть намекните, зачем такая большая таблица.
Ее реально необходимо в DOM отрисовывать?
Я к тому, что может быть на Canvas отрисовать, если там что-то типа схемы или карты...

Почему не устанавливается npm вместе с Node.Js?

а сама нода работает?
node -v

Растягивание левого блока по высоте правого, как сделать?

Ankhena, ну у вас другой подход. так что успела )

Браузер не может отрисовать очень большую таблицу. А нужно. Что делать?

dimoff66, Да, вы правы. на таком количестве ячеек захлебывается даже готовая разметка. Про js и говорить нечего.

Как веб страница настраивается для печати?

Минимальные стили должны быть по умолчанию от версталы (скрыть виджеты, рекламу, и прочий хлам, настроить шапку и подвал печатной страницы и т.п.). Но тщательная подготовка к печати некоторых страниц требует отдельного упоминания в тз.

Откуда черпать свежую информацию в мире Front-end?

Martovitskiy, ну я тоже не мониторю все твиты подряд =) жизни не хватит.
На выходных вечерком листаю ленту — часто попадаются ссылки на интересные статьи или видеоматериалы.