際際滷

際際滷Share a Scribd company logo
HTML, CSS, JS
is not magic
亳于亠,
 仍亠从舒仆亟 个亠亠仆从仂
 Front-end Lead 从仂仄舒仆亟 于 Master of Code Ukraine
 亠仆仂 Masters Academy
@smithua
2
仍舒仆 亰舒仆亳
1. 丼仂 舒从仂亠 HTML
2. 丼仂 舒从仂亠 CSS
3. 丼仂 舒从仂亠 JavaScript
4. 丼仂 舒从仂亠 Developer Tools
HTML (Hyper Text Markup Language)
 亅仂 于 仗亠于 仂亠亠亟 舒仆亟舒 舒亰仄亠从亳 亟仂从仄亠仆舒
 ミ頴委 于亠弍 舒仆亳舒 仂仂亳 亳亰 HTML 仍亠仄亠仆仂于 (Tags)
 舒 舒仄仂亶 舒仆亳亠, HTML 亠亞亳 于 仆亠 于亳亟亳亠, 于仄亠仂 仆亳
仗仂从舒亰于舒亠 从仂仆亠仆
Tags
HTML 亠亞亳 仂 亳仄亠仆舒 仍亠仄亠仆仂于 仂从亢亠仆 亞仍仂于仄亳 从仂弍从舒仄亳:
<tagname> 于舒 从仂仆亠仆</tagname>
Html, css, js
Html, css, js
CSS (Cascading Style Sheets)
 于亠舒亠 亰舒 舒从仍舒亟从 于亠弍-舒仆亳
 仗亳于舒亠 从舒从 HTML 仍亠仄亠仆 弍亟 于亞仍磲亠 仆舒 舒仆亳亠
 仄亠亠 亞仍仂弍舒仍仆 仂弍仍舒 于亳亟亳仄仂亳
Html, css, js
Html, css, js
JavaScript
 亊亰从 仗仂亞舒仄仄亳仂于舒仆亳
 仂亢亠 于仗仂仍仆 仆舒 从仍亳亠仆亠 亳 仆舒 亠于亠亠 (NodeJS)
 仍亳仗舒舒亟亳亞仄亠仆仆亶
 亳仆舒仄亳亠从舒 亳仗亳亰舒亳
 于仂仄舒亳亠从仂亠 仗舒于仍亠仆亳亠 仗舒仄
 仂仂亳仗仆仂亠 仗仂亞舒仄仄亳仂于舒仆亳亠 (仆亠 Class)
舒仄仄舒亳从舒 亳 亳仗
弍磦仍亠仆亳亠 仗亠亠仄亠仆仆
亳于舒亳于舒仆亳亠 亰仆舒亠仆亳亶 亳
仂弍仍舒 于亳亟亳仄仂亳
Html, css, js
弌从 亳 亳仗 亟舒仆仆
丿亠 亳仗仂于 亟舒仆仆, 从仂仂亠 磦仍ム 仗亳仄亳亳于舒仄亳:
1. Boolean => true 亳仍亳 false.
2. null => 弌仗亠亳舒仍仆仂亠 从仍ム亠于仂亠 仍仂于仂, 仂弍仂亰仆舒舒ム亠亠 仆仍亠于仂亠 亳仍亳 束仗仂亠損
亰仆舒亠仆亳亠.
3. undefined => 仗亠亠仄亠仆仆舒, 仆亠 亳仄亠ム舒 仗亳于仂亠仆仆仂亞仂 亰仆舒亠仆亳, 仂弍仍舒亟舒亠 亳仗仂仄
undefined.
4. Number => 亳仍仂 ( 5 亳仍亳 3.4567 ).
5. String => 仂从舒 ( Hello, World! ).
6. Symbol (ECMAScript 6)
亳 Object => 从舒 亟舒仆仆, 仂亟亠亢亳 于 亠弍亠 亟舒仆仆亠 亳 亳仆从亳亳 仗仂
舒弍仂亠  仆亳仄亳.
Developer Tools
 Must have 亳仆仄亠仆 亟仍 仍ミ頴笑覚 舒亰舒弍仂亳从舒 亳 仆亠 仂仍从仂
Useful links
HTML
CSS
JavaScript
亠亰亠仆舒亳 仗仂 JavaScript
A guide to flexbox

More Related Content

Html, css, js

  • 1. HTML, CSS, JS is not magic
  • 2. 亳于亠, 仍亠从舒仆亟 个亠亠仆从仂 Front-end Lead 从仂仄舒仆亟 于 Master of Code Ukraine 亠仆仂 Masters Academy @smithua 2
  • 3. 仍舒仆 亰舒仆亳 1. 丼仂 舒从仂亠 HTML 2. 丼仂 舒从仂亠 CSS 3. 丼仂 舒从仂亠 JavaScript 4. 丼仂 舒从仂亠 Developer Tools
  • 4. HTML (Hyper Text Markup Language) 亅仂 于 仗亠于 仂亠亠亟 舒仆亟舒 舒亰仄亠从亳 亟仂从仄亠仆舒 ミ頴委 于亠弍 舒仆亳舒 仂仂亳 亳亰 HTML 仍亠仄亠仆仂于 (Tags) 舒 舒仄仂亶 舒仆亳亠, HTML 亠亞亳 于 仆亠 于亳亟亳亠, 于仄亠仂 仆亳 仗仂从舒亰于舒亠 从仂仆亠仆
  • 5. Tags HTML 亠亞亳 仂 亳仄亠仆舒 仍亠仄亠仆仂于 仂从亢亠仆 亞仍仂于仄亳 从仂弍从舒仄亳: <tagname> 于舒 从仂仆亠仆</tagname>
  • 8. CSS (Cascading Style Sheets) 于亠舒亠 亰舒 舒从仍舒亟从 于亠弍-舒仆亳 仗亳于舒亠 从舒从 HTML 仍亠仄亠仆 弍亟 于亞仍磲亠 仆舒 舒仆亳亠 仄亠亠 亞仍仂弍舒仍仆 仂弍仍舒 于亳亟亳仄仂亳
  • 11. JavaScript 亊亰从 仗仂亞舒仄仄亳仂于舒仆亳 仂亢亠 于仗仂仍仆 仆舒 从仍亳亠仆亠 亳 仆舒 亠于亠亠 (NodeJS) 仍亳仗舒舒亟亳亞仄亠仆仆亶 亳仆舒仄亳亠从舒 亳仗亳亰舒亳 于仂仄舒亳亠从仂亠 仗舒于仍亠仆亳亠 仗舒仄 仂仂亳仗仆仂亠 仗仂亞舒仄仄亳仂于舒仆亳亠 (仆亠 Class)
  • 16. 弌从 亳 亳仗 亟舒仆仆 丿亠 亳仗仂于 亟舒仆仆, 从仂仂亠 磦仍ム 仗亳仄亳亳于舒仄亳: 1. Boolean => true 亳仍亳 false. 2. null => 弌仗亠亳舒仍仆仂亠 从仍ム亠于仂亠 仍仂于仂, 仂弍仂亰仆舒舒ム亠亠 仆仍亠于仂亠 亳仍亳 束仗仂亠損 亰仆舒亠仆亳亠. 3. undefined => 仗亠亠仄亠仆仆舒, 仆亠 亳仄亠ム舒 仗亳于仂亠仆仆仂亞仂 亰仆舒亠仆亳, 仂弍仍舒亟舒亠 亳仗仂仄 undefined. 4. Number => 亳仍仂 ( 5 亳仍亳 3.4567 ). 5. String => 仂从舒 ( Hello, World! ). 6. Symbol (ECMAScript 6) 亳 Object => 从舒 亟舒仆仆, 仂亟亠亢亳 于 亠弍亠 亟舒仆仆亠 亳 亳仆从亳亳 仗仂 舒弍仂亠 仆亳仄亳.
  • 17. Developer Tools Must have 亳仆仄亠仆 亟仍 仍ミ頴笑覚 舒亰舒弍仂亳从舒 亳 仆亠 仂仍从仂