Download as PDF, PPTX
Uploaded by将一 深見
ゆるく学ぼう！現在のフロントエンドまとめ
Taskey is a startup company that provides expertise in HTML, CSS, JavaScript, Ruby, and Node. They specialize in front-end technologies like HTML, CSS preprocessors like Sass, modern JavaScript features in ES2015, and frameworks like React. The document provides an overview of these front-end skills and tools, including brief descriptions and examples to demonstrate how they work.
More Related Content
![[2010]我有一个梦想](https://cdn.slidesharecdn.com/ss_thumbnails/2010-100913041051-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Access U 2010] HTML5 & Accessibility](https://cdn.slidesharecdn.com/ss_thumbnails/accessuhtml5andaccessibilityv2-100511152310-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
ゆるく学ぼう！現在のフロントエンドまとめ
- 1.
- 2. • • • 25 • @Taskey.inc •html, css, javascript, ruby, node, google app script,,
- 3. 2 • twitter: @fukamiiiiinmini 5 • GO !!!!! !!!!
- 4.
- 5.
- 6.
- 8. We are startupcompany!
- 9.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 26.
- 27.
- 28.
- 29.
- 30. HTML5? • HTML • HTML5 •header, main, footer…
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38. • html • html •html
- 39.
- 40.
- 41.
- 42.
- 45.
- 46.
- 48.
- 49.
- 50. CSS • CSS • CSSbootstrap, purecss • Sass SASS, SCSS , Less, Stylus • CSS BEM, OOCSS, FLOCSS
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 58.
- 60.
- 61. float box-wrap div float box, padding class clear html box-wrap clear
- 62.
- 63.
- 64.
- 66.
- 67. .wrap-float • div float •float • float .wrap-float
- 68.
- 73.
- 74.
- 75.
- 76.
- 77.
- 78. • class • classclass style •
- 79.
- 80.
- 81.
- 84. Sass • Sass 2 •SASS .sass • SCSS .scss • CSS Sass SASS
- 85.
- 86.
- 87.
- 88.
- 89.
- 90.
- 93. A CSS B SassSASS stylus stylus
- 94. CSS BEM, SMACSS, OOCSS,FLOCSS • CSS •
- 95.
- 97.
- 98.
- 99.
- 100. A CSS B FLOCSScss css html
- 101. javascript • javascript • jquery •ajax • JS • ECMAScript2015(ES6)
- 102.
- 103.
- 104.
- 106.
- 109.
- 110.
- 111.
- 114.
- 115.
- 116.
- 117.
- 118.
- 119.
- 120. Ajax • SPA SinglePage Application • DOM html •
- 121.
- 122.
- 123.
- 124. Web A Ajax html.html() Web B 1 1 10 Web A Web B javascript html Web A
- 125.
- 126. Web B ajax ajaxhtml html Web B
- 127. Web A Web Bdiv js html html js Web B sex div div Web B
- 128. web B javascripthtml
- 129. web B javascripthtml
- 130. Web B web B webA web A
- 131.
- 132.
- 133. JS • DOM • knockout •react, angular vue
- 135.
- 136.
- 137. • javascript jqueryhtml • html
- 138.
- 139.
- 140.
- 141. function () var say= function(){ console.log(‘hello!’) } var say = () => { console.log(‘hello!’) } say() // hello!
- 142. var say =function(greeting){ if(greeting == undefined){ greeting = ‘hello!’ } console.log(greeting); } var say = (greeting = ‘hello!’) => { console.log(greeging) } say() // hello!
- 143.
- 144.
- 145.
- 146.
- 147.
- 148. A ES6 B JavaScriptES2015 JavaScript class
- 150.
- 153.
- 154. • ○○ xx •index.html •
- 155. 2,3 index.scss index.css →Sass CSS index.es6index.js →ES6 ES5
- 156. • index.scss, index.es6 index.css,index.js • index.css, index.js
- 157.
- 159.
- 161. A B html pugcss sass FLOCSS js es6 react gulp
- 162. A A B html pugcss sass FLOCSS js es6 react gulp
- 163.