Дети уже сделали:
За деньги Да
Инстасамка
Каникулы - Турбомода
Черные глаза - Фристайл
Танцы - НЛО
На часах ноль-ноль - Добро
За деньги да - Инстасамка
Написали рабочий музыкальный плеер для сайта. Реализован с помощью трёх языков: HTML, CSS, JavaScript. Вот фрагменты кода, как это работает «под капотом»:
<div class="player">
<audio id="musicPlayer" src=""></audio>
<p class="songName">За деньги Да</p>
<p class="artistName">Инстасамка</p>
<div class="controls">
<img decoding="async" class="playerBtn" id="playerPrevBtn" src="https://www.svgrepo.com/show/497402/previous.svg" alt="">
<img decoding="async" id="playBtn" class="playBtn" src="https://www.svgrepo.com/show/521789/play.svg" alt="">
<img decoding="async" class="playerBtn" id="playerNextBtn" src="https://www.svgrepo.com/show/520862/next.svg" alt="">
</div>
<div class="song_list">
<p songlink="music/Турбомода - Каникулы.mp3" class="song_in_list">Каникулы - Турбомода</p>
<p songlink='music/Фристайл - Чёрные глаза.mp3' class="song_in_list">Черные глаза - Фристайл</p>
<p songlink='music/NLO - Танцы.mp3' class="song_in_list">Танцы - НЛО</p>
<p songlink='music/Dabro - На часах ноль-ноль.mp3' class="song_in_list">На часах ноль-ноль - Добро</p>
<p songlink='music/INSTASAMKA - ЗА ДЕНЬГИ ДА.mp3' class="song_in_list">За деньги да - Инстасамка</p>
</div>
</div>
playBtn.onclick = () => {
if(nowPlaying == false){
nowPlaying = true;
playBtn.src = 'https://www.svgrepo.com/show/529129/pause.svg';
artistName = playlist[nowPlayingSongNum].artistName;
songName = playlist[nowPlayingSongNum].songName;
player.src = playlist[nowPlayingSongNum].songLink;
artistNameInPlayer.innerText = artistName;
songNameInPlayer.innerText = songName;
player.play();
} else {
nowPlaying = false;
playBtn.src = 'https://www.svgrepo.com/show/521789/play.svg';
player.pause();
}
}
playerNextBtn.onclick = () => {
nowPlayingSongNum ++;
artistName = playlist[nowPlayingSongNum].artistName;
songName = playlist[nowPlayingSongNum].songName;
player.src = playlist[nowPlayingSongNum].songLink;
artistNameInPlayer.innerText = artistName;
songNameInPlayer.innerText = songName;
player.play();
}
Написали калькулятор, работающий на JavaScript. Вот так это выглядит технически:
const calc = document.querySelector('.calc');
const result = document.querySelector('#result');
calc.addEventListener('click',function(event){
if(!event.target.classList.contains('calc_btn')) return;
let value = event.target.innerText;
switch(value) {
case 'C':
result.innerText = '';
break;
case '=':
result.innerText = eval(result.innerText).toFixed(2);
break;
default:
result.innerText += value;
}
});
Образование
Полезные материалы о программировании
«Элегантный JavaScript», Марин Хауэрбеке
Эта книга представляет собой введение в программирование на JS. Книга также охватывает основные парадигмы программирования, например, ООП. В последней части книги рассказывается о Node.js.
HTML для Начинающих - Практический Курс. Автор: Владилен Минин
Описание автора: "Хочу, чтоб каналом новые зрители могли пользоваться, как бесплатной образовательной площадкой прям с нуля. Чтоб вот пришел зритель, и поэтапно выучил HTML, потом CSS, потом JavaScript и перешел к практике. Как вы знаете JavaScript на канале очень много, потому ловите первые строительные блоки для веба. Я разработал 2 ролика, в которых последовательно буду показывать, как с нуля сделать сайт-резюме и выложить его на GitHub. В процессе вы узнаете про все необходимые элементы внутри HTML и CSS с нуля."
Книги
Почитайте нашу подборку манги
«Наруто» (яп. NARUTO - ナルト -) — сёнэн-манга Масаси Кисимото, рассказывающая о жизни шумного и непоседливого ниндзя-подростка Наруто Удзумаки, мечтающего достичь всеобщего признания и стать Хокагэ — главой своего селения и сильнейшим ниндзя. Чтобы добиться уважения окружающих, ему предстоит пройти через тысячи препятствий: экзамены ниндзя, различные миссии и сражения.
«One Piece. Большой куш» (яп. ワンピース ван пи:су, «Ван-Пис») — сёнэн-манга за авторством Эйитиро Оды, выходящая с 22 июля 1997 года по настоящее время в журнале Weekly Shonen Jump. Объединена в 107 танкобонов.
«Истребитель демонов» (яп. 鬼滅の刃 Кимэцу но яиба, досл. «Клинок, уничтожающий демонов»[3]) — манга авторства Коёхару Готогэ, выпускавшаяся в журнале Weekly Shonen Jump издательства Shueisha с 15 февраля 2016 года[4] по 18 мая 2020 года[5]. По состоянию на ноябрь 2018 года общий выпуск серии превысил 3 миллиона экземпляров.
