Front End Basics => {HTML & CSS + JS}

პედაგოგი: ალექსანდრე ჭოხონელიძე 

ხანგრძლივობა:  2 თვე

საათები: კვირაში 4 საათი

ფასი: 800 ლარი

ენა: ქართული 

მსგავსი კურსები: გრაფიკული დიზაინის ანბანი / გრაფიკული დიზაინის მეორე ეტაპი / ციფრული ხატვა

​

რატომ აირჩიოთ ჩვენი კურსი?

სტრუქტურირებული სწავლება: 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)

​