Какое лучше комплексное онлайн обучение веб-разработке из перечисленных?
Возможно я не прав и это относится только ко мне, НО все же лучше выучить базу(html,css,js), а потом набивать шишки изучая документацию, иногда можно глянуть на ютубе туториал(что-то вроде Webdesign master там очень хороше разжевывается верстка и всякие сборщики , пакетные менеджеры и тд).А вообще берешь и куришь доки.Лично для себя делаю так: вот никогда не юзал sass и gulp, посидел погуглил и вроде как понятно, полезные штуки.Очень важно понимать зачем тебе это и действительно ли тебе это нужно.Просто иногда кажется , что ангуляр учат не потому что он крут, а потому как он популярен, те все юзают и я буду.Так сказать модная штука.Сам игрался и играюсь на freecodecamp.com .Плэтому его и посоветую из всего выше.Собственно говоря вот мой субЪективный взгляд.
На собственном опыте убедился в эффективности изучения технологий в следующем порядке:
1) Очень качественные и по содержанию и по исполнению бесплатные курсы на https://www.udacity.com/ 
Там полноценный подход, где уделяется время и теории и практике.
2)  https://www.codecademy.com - теории там вообще практически нет, по паре строк, что-то серьёзно там изучить не реально, а вот дополнительно потренироваться после udacity.com - очень полезно!
3) Имя базу с первых двух проектов обязательно сделайте парочку своих pet-проектов, чтобы поработать с технологиями более детально на реальной практике. 
Если этого не сделать - теорию из первых 2-х пунктов быстро забудете. Если начнёте с этого пункта, пропустив предыдущие - потеряете в целостности картины и есть риск закрепить не правильные подходы, переучиваться с которых потом долго и муторно.
PS: Лично мне очень помогает конспектирование основных моментов изучаемого, особенно когда материала много и из разных источников.