FRONTEND

Kurs tavsifi

+50 Amaliy vazifalar

+120 Uyga vazifalar

+5 Portfolio loyihalari

• Web dasturchilar o'zi kim?
• Dasturchilarning turlari
• Karyeralar haqida
• Doimiy ishlatiladigan toollar haqida
• Dasturlashni o'rganishda motivatsiyaning o'rni
• Matn muharrirlari bilan tanishtiruv
• HTML haqida
• CSS haqida
• JavaScript va uning frontenddagi o'rni
• HTML ga kirish
• HTML strukturasi
• Body
• HTML da kommentariya yozish
• <a> Anchor taglar
• <h1> Headinglar
• <div> Divlar
• Attributlar
• Displaying text
• Styling text
• Line breaks
• <ul> Unordered lists
• <ol> Ordered lists
• <img> Images
• Image alts
• <video>Videos
• <form> HTML forms
• <form> HTML forms
• Create a form element
• Radio buttonlar 
• Checkboxlar
• Header and Nav
• Main and Footer
• Checkboxlar
• Video and Embed

2.Modul - CSS

• CSS bilan tanishtiruv 
• Inline styles 
• The <style> tag 
• The .css file
• Linking the CSS file 
• Tag name 
• Class name
• Multiple classes 
• ID name
• Classes and IDS
• Specificity
• Chaining Selectors 
• Nested elements 
• Introduction to Visual Rules 
• CSS Structure 
• Font Family 
• Font size 
• Opacity
• Introduction to color
• Foreground vs background 
• RGB colors 
• Hex and RGB 
• Hue, Saturation and Lightness 
• Typography
• Font style
• Word spacing 
• Letter spacing 
• Text transformation 
• Line height anatomy 
• Font face 
• The box model 
• Borders 
• padding 
• Margin collase 
• minimum and Maximum height 
• Resetting defaults 
• Why chane the Box model? 
• Box model: content box 
• THe nex Box model 
• Position 
• Position relative 
• Postion absolute 
• Position fixed 
• position: sticky 
• Z-indeex 
• Inline block display
• FLoat
• Documentation and Research
• Introduction to Color Theory
• The color wheel
• The color wheel and HSLA
• Tints and shades
• Color schemes
• Accent colors
• Semantic Colors

3.Modul - Tailwind

• Tailwind CSS

4.Modul - Git & Teamwork

• Working with Git and GitLab including team conventions on version control
• Resolving conflicts
• Conventional Commits

5.Modul - Javascript

• Introduction JavaScript
• JavaScript in web
• What is JavaScript
• Console
• Comments
• Data types
• Arithmetic operators
• String Concatenation
• Properties
• Methods
• Built in objects
• Create a variable: var
• Create a variable: let
• Create a variable: const
• Mathematical assignment operators
• The increment and decrement operators
• String Concatenation with variables
• String interpolation
• typeOf operator
• Conditional statements
• What are conditional statements
• If statement
• If...Else statement
• Comparison operators
• Logical operators
• Truthy and Falsy
• Truthy and Falsy Assignment
• Ternary operator
• Else If statements
• The switch keyword
• Functions
• Function declarations
• Parameters and Arguments
• Default parameters
• Return
• Function Expressions
• Concise Body arrow functions
• Scope
• Blocks and Scope
• Global scope
• Scope pollution
• Practise Good scoping
• Arrays
• Create an Array
• Accessing elements
• Arrays with let and const
• The .length
• The .push method
• The pop() method
• More arrray methods
• Nested arrays
• Loop
• The for loop
• Looping through Arrays
• The break keyword
• Introduction to Objects
• Methods
• Advanced Objects
• The this keyword
• Arrow functions and this
• Getters
• Setters
• Factory funcctions