11-14

Front-end Programming
TrainingPlan
HTML/CSS
HTML
1.Ծանոթացում համացանցի աշխատանքին եւ վեբ կայքերի
ստեղծման սկզբունքներին, HTML կառուցվածք
2. Head թեգում գործածվող թեգեր, վեբ էջի հիմնական
կառուցվածք
3. Ծանոթացում թեգերի եւ ատրիբուտների
հետ, Տեքստային թեգեր, լինկեր, բացվող֊պակվող եւ
միանգամյա թեգեր
4. Ծանոթացում համարակալած եւ ոչ համարակալած
աղյուսակների հետ, (Ordered list, unordered list)
5. Ծանոթացում Table թեգին եւ դրա հետ աշխատելու
սկբունքներ
6. Նկարների, վիդեոների տեղադրում HTML էջում,
HTML էջում տեղադրված թեգերի չափերի կառավարում
7. Ծանոթացում մուտքագրվող (input) թեգերի հետ,
աշխատանք
8. Ծանոթացում id եւ class հետ։ Կարեւորություն։
9. Փուլի ամփոփում, կրկնություն
10. Տեստ

CSS
1.Ծանոթացում CSS աշխատանքին
(Inner CSS, internal CSS, external CSS), տարբերությունները:
2. սելեկտորներ եւ կոմբինատորներ, տառերի եւ տեքստերի հետ
աշխատանք
3. background հատկանիշ, չափսերի հատկանիշներ
4. Box մոդել, Border, Outline, Padding, Margin, Display հատկանիշ
5. pseudo էլեմենտներ, Էջում էլեմենտների դասավորվածության
հետ աշխատանք
6. Hover, աշխատանք էլեմենտների հետ hover֊ի ժամանակ
7. Ծանոթացում FLEX-ին:
8. Լսարանում անցած թեմաներով կայքի պատրաստում
10. Անիմացիաներ
11. Ծանոթացում մեդիաների հետ, դրանց հետ աշխատանք,
responsive Դիզայն
12. Ծանոթացում em, rem արժեքների հետ, դրանց
տարբերությունները, Html֊Ի Default արժեքների փոփոխում,
հարմարեցում մեր կայքի հետ, ROOT եւ փոփոխականներ
14. Փուլի ամփոփում
15. Տեստ

K
JavaScript
1. Ծանոթացում Javascript֊ի հետ, կարեւորություն,
2. Գործածություն, փոփոխականներ եւ օպերատորներ։
3. Data Type-երը JS-ում, stack եւ heap
4. Պատկերացում Հոյստինգի մասին, դրա աշխատանքը։
5. Պայմանական կառուցվածքներ (if, switch , ternary operator) եւ
տրամաբանական օպերատորներ
6. Ցիկլեր, for, for in, while, do while, Գլոբալ եւ լոկալ scope-երի
տարբերությունները
7. 8 => practice with loops and conditions
9. Ծանոթացում օբյեկտների հետ եւ դրանց կարեւորությունը JS
ում ( only arrays, heap )
10, 11 () => loops practice with array
12. test
13.Ֆունկցիաներ, դրանց դերը JS-ում։ Function Expression եւ
Function declaration, դրանց նմանությունները և
տարբերությունները
14. Array-ի մեթոդները եւ դրանց կարեւորությունները (pop, shift,
unshift, push, reverse, includes )
15. Callback functions: Ծանոթացում Array-ի callback մեթոդների հետ
16, 17, 18 = () => practice with arrays callbacks
19. Ծանոթացում Date եւ Math օբյեկտներին։
20. Objects
21. test
22. Ծանոթացում DOM-ի եւ BOM-ի հետ։ Աշխատանք Event-ների
հետ
23, 24, 25 = () => practice with dom, bom (getElementByID,
getElementsByClassName, queryselector, queryselectorAll etc.
event => everything with events)
26. spred and rest
27. IIFE
28. shallow copies
29. destructuring
30, 31 = () => practice 32 test