Tutor: Alexander Chokhonelidze
Duration: 2 month
Hours: 4 hours per week
Price: 800 GEL
Language: Georgian
Related Courses: ABC of Graphic Design / Advanced Graphic Design / Digital Sketching
რატომ აირჩიოთ ჩვენი კურსი?
სტრუქტურირებული სწავლება: 2 თვე - კვირაში 2 ინტერაქტიული სესიით.
დეტალური სასწავლო გეგმა: HTML, CSS და JavaScript-ის საფუძვლები.
პრაქტიკული გამოცდილება: თითოეული სესია მოიცავს პრაქტიკულ სავარჯიშოებსა და პროექტებს.
ჯგუფური მენტორინგი: თითოეული თემის განხილვისას მოგაწოდებთ ინფორმაციას, რჩევებსა და პერსონალიზებულ გამოხმაურებას.
სილაბუსი
კვირა 1: შესავალი Front-End-ში
ვორქშოპი 1:
-
Course Introduction
-
Overview of Web Development
-
What is Front-End Development?
-
The Role of a Front-End Developer
-
-
Tools and Setup
-
Text Editors (VSCode, Sublime Text)
-
Web Browsers and Dev Tools
-
Basic Command Line Usage
-
ვორქშოპი 2:
-
Introduction to HTML
-
HTML Structure
-
Basic Tags (head, body, div, span, h1-h6, p, a, img)
-
Creating a Simple Web Page
-
კვირა 2: HTML - ღრმა ანალიზი
ვორქშოპი 3:
-
HTML Elements and Attributes
-
Lists (ul, ol, li)
-
Tables (table, tr, td, th)
-
Forms (form, input, textarea, button, select, option)
-
Semantic HTML (header, footer, nav, article, section, aside)
-
ვორქშოპი 4:
-
Advanced HTML
-
Media Elements (audio, video)
-
Embedding Content (iframe, embed, object)
-
HTML5 Features and Best Practices
-
კვირა 3: შესავალი CSS-ში
ვორქშოპი 5:
-
Introduction to CSS
-
What is CSS?
-
Syntax and Selectors
-
Inline, Internal, and External CSS
-
The Box Model
-
ვორქშოპი 6:
-
CSS Styling Basics
-
Colors and Backgrounds
-
Fonts and Text Styling
-
Margins, Padding, and Borders
-
კვირა 4: გაფართოებული CSS ტექნიკა
ვორქშოპი 7:
-
Layouts with CSS
-
Display Property
-
Positioning (static, relative, absolute, fixed, sticky)
-
Float and Clear
-
Flexbox Introduction
-
ვორქშოპი 8:
-
Responsive Web Design
-
Media Queries
-
Mobile-First Design
-
Grid Layout Introduction
-
კვირა 5: შესავალი JavaScript-ში
ვორქშოპი 9:
-
JavaScript Basics
-
What is JavaScript?
-
Variables and Data Types
-
Operators and Expressions
-
Basic Syntax (comments, statements, blocks)
-
ვორქშოპი 10:
-
Control Structures
-
Conditionals (if, else, switch)
-
Loops (for, while, do-while)
-
Functions (declaration, invocation, parameters)
-
კვირა 6: JavaScript ბრაუზერში
ვორქშოპი 11:
-
The Document Object Model (DOM)
-
What is the DOM?
-
Selecting Elements (getElementById, querySelector)
-
Manipulating the DOM (innerHTML, style, classList)
-
ვორქშოპი 12:
-
Event Handling
-
Adding Event Listeners
-
Common Events (click, mouseover, keyup)
-
Event Propagation (bubbling and capturing)
-
კვირა 7: JavaScript-ის გაფართოებული კონცეფცია
ვორქშოპი 13:
-
Advanced JavaScript
-
Arrays and Objects
-
Array Methods (forEach, map, filter)
-
Object Methods
-
ვორქშოპი 14:
-
Working with APIs
-
Introduction to JSON
-
Fetch API Basics
-
Handling Promises
-
კვირა 8: პროექტი და პრაქტიკა
ვორქშოპი 15:
-
Putting It All Together
-
Starting a Small Project
-
Combining HTML, CSS, and JavaScript
-
Debugging Techniques
-
ვორქშოპი 16:
-
Project Presentations and Review
-
Final Project Demos
-
Feedback and Q&A
-
Course Recap and Next Steps
-
დამატებითი რესურსები:
• რეკომენდირებული წიგნები და ონლაინ გაკვეთილები
• კოდირების პრაქტიკის პლატფორმები (CodePen, JSFiddle, VisualStudio Code)
• თემები და ფორუმები (Stack Overflow, MDN Web Docs)
ეს სილაბუსი უზრუნველყოფს სტრუქტურირებულ მიდგომას ფრონტ-ენდის დიზაინის საფუძვლებისშესასწავლად 2 თვის განმავლობაში, რაც ხელს უწყობს სტუდენტებისთვის HTML, CSS და JavaScript-შიმყარი ბაზისური ცოდნის ჩამოყალიბებას.