【文件属性】：
文件名称：BrianJavaScript30:从头开始编写JS 30
文件大小：51.48MB
文件格式：ZIP
更新时间：2021-05-11 04:57:36
HTML
BrianJavaScript30
在困难模式下经历Wes BosJavaScript 30挑战。
我的策略一直是只观看视频的开头，并尝试自己制定解决方案。 然后完成视频，看看Wes是如何做到的。 这需要更长的时间，但是我相信它会更有趣，并且我会学到更多。 同样有趣的是，我的工作与Wes相同或不同。
项目1-JS鼓组
我对此编码很有趣。 在CSS中使用过渡对我来说是新手，同时在浏览器中播放声音也是新手。
项目2-CSS和JS Clock
创造这一点是一个挑战。 到目前为止，我还没有使用CSS转换或必须访问JS中的Date（）对象。 最初，我试图通过抓住日期，设置指针，然后使用动画和关键帧旋转360度来创建活动指针。 这样时钟总是很快就会不同步。 相反，它现在每秒获取一次日期，然后将指针设置到该日期。
新概念：CSS转换，动画，关键帧，JS中的设置样式。
项目3-更新JS中CSS
【文件预览】：
BrianJavaScript30-master
----.DS_Store(10KB)
----AJAX Type Ahead()
--------index.html(2KB)
--------style.css(914B)
----KONAMI Key Sequence()
--------index-START.html(761B)
----Array Cardio 2()
--------index.html(2KB)
----Array Cardio Day 1()
--------index.html(4KB)
----Canvas Fun()
--------index.html(1KB)
--------experiment.html(2KB)
----Hold Shift()
--------index-START.html(4KB)
----Update CSS Variables with JS()
--------index.html(3KB)
--------luca-carra-1316710-unsplash.jpg(2.08MB)
----HTML5 Video Player()
--------index.html(942B)
--------652333414.mp4(43.55MB)
--------scripts.js(2KB)
--------style.css(3KB)
----README.md(4KB)
----Drum Kit()
--------index.html(422B)
--------sounds()
--------images()
--------app.js(1KB)
--------style.css(938B)
----05 - Flex Panel Gallery()
--------index-START.html(4KB)
----screenshots()
--------day1.png(325KB)
--------.DS_Store(6KB)
--------day12.png(877KB)
--------day4.png(33KB)
--------day8.png(84KB)
--------day7.png(45KB)
--------day2.png(27KB)
--------day11.png(180KB)
--------day3.png(270KB)
--------day10.png(25KB)
--------day5.png(564KB)
--------day6.png(135KB)
----css and js clock()
--------index.html(4KB)
----Local Storage()
--------index-START.html(4KB)
----slide in on scroll()
--------index-START.html(14KB)