April 7, 2023

Front end Վեբ Ծրագրավորման Դասընթացներ

HTML

  1. HTML structure: understanding the basic structure of an HTML document, including the html, head, and body tags.
  2. HTML tags: learning about the different types of HTML tags and how they are used, such as p for paragraphs, h1-h6 for headings, a for links, img for images, and more.
  3. HTML attributes: understanding how HTML attributes work, and how to use them to add additional information to your HTML elements, such as class, id, src, href, and more.
  4. HTML forms: learning how to create forms in HTML using various form elements such as input, select, textarea, button, and more.
  5. HTML tables: understanding how to create tables in HTML using the table, tr, td, and th elements.
  6. HTML lists: learning how to create ordered and unordered lists using the ol, ul, and li elements.
  7. HTML semantics: understanding the importance of semantic HTML and how to use semantic tags such as header, nav, section, article, aside, footer, and more to add meaning to your HTML content.
  8. CSS basics: learning the basics of CSS (Cascading Style Sheets), including how to select elements, apply styles, and use CSS rules and declarations.
  9. Responsive design: understanding the importance of responsive design and how to use CSS to create responsive layouts that adapt to different screen sizes and devices.
  10. Accessibility: learning how to create accessible HTML content that can be easily accessed by users with disabilities.



CSS Bootstrap

  1. CSS syntax: understanding the basic syntax of CSS and how to write CSS rules and declarations.
  2. CSS selectors: learning how to use CSS selectors to target specific HTML elements, including class and ID selectors, descendant selectors, child selectors, and more.
  3. CSS box model: understanding the CSS box model and how it affects the layout of HTML elements, including the margin, padding, border, and content properties.
  4. CSS layout: learning how to use CSS to create different layout styles, including the float, position, display, and flexbox properties.
  5. CSS typography: understanding how to use CSS to style text, including the font-family, font-size, font-weight, line-height, and text-align properties.
  6. CSS colors and backgrounds: learning how to use CSS to apply colors and background styles to HTML elements, including the background-color, color, background-image, and opacity properties.
  7. CSS transitions and animations: understanding how to use CSS to create simple transitions and animations, including the transition, animation, and keyframes properties.
  8. CSS media queries: learning how to use CSS media queries to create responsive designs that adapt to different screen sizes and devices.
  9. CSS preprocessors: understanding the basics of CSS preprocessors such as Sass and Less, and how they can simplify CSS development.
  10. CSS frameworks: learning how to use popular CSS frameworks such as Bootstrap and Foundation to create responsive layouts and styles.


Tailwind CSS


  1. Tailwind CSS setup: understanding how to set up Tailwind CSS in your project, including installation and configuration.
  2. Utility-first CSS: learning about Tailwind's utility-first approach to CSS, which focuses on using pre-built utility classes rather than writing custom CSS.
  3. Tailwind classes: understanding the different types of Tailwind classes, including layout classes, typography classes, color classes, and more.
  4. Responsive design with Tailwind: learning how to use Tailwind's responsive design classes to create designs that adapt to different screen sizes and devices.
  5. Customizing Tailwind: understanding how to customize Tailwind's default configuration to add or remove classes, change colors, and more.
  6. Using Tailwind with frameworks: learning how to use Tailwind CSS with popular front-end frameworks like React, Vue.js, and Angular.
  7. Using Tailwind with build tools: understanding how to use Tailwind CSS with build tools like Webpack, Gulp, and Grunt.
  8. Best practices with Tailwind: learning about best practices when using Tailwind CSS, including how to organize your code, optimize for performance, and more.
  9. Advanced Tailwind features: understanding advanced features of Tailwind CSS, including customizing the theme, using plugins, and creating custom utility classes.
  10. Examples and tutorials: exploring examples and tutorials that show how to use Tailwind CSS to create common design patterns and layouts.


Javascript

  1. JavaScript syntax: understanding the basic syntax of JavaScript, including variables, data types, and control structures such as loops and conditional statements.
  2. Functions: learning how to create and use functions in JavaScript, including function arguments, return values, and function expressions.
  3. DOM manipulation: understanding how to use JavaScript to manipulate the Document Object Model (DOM), including selecting and modifying HTML elements and handling events.
  4. Arrays and objects: learning about JavaScript's built-in data structures, including arrays and objects, and how to use them in your code.
  5. Control flow: understanding more advanced control structures in JavaScript, including switch statements and the ternary operator.
  6. Error handling: learning how to handle errors in your JavaScript code, including try-catch statements and error objects.
  7. Asynchronous programming: understanding how to use asynchronous programming in JavaScript, including callbacks, promises, and async/await syntax.
  8. ES6 features: learning about some of the new features introduced in ES6, including let and const variables, arrow functions, template literals, and destructuring.
  9. Debugging: learning how to use the browser's developer tools to debug JavaScript code, including setting breakpoints, inspecting variables, and more.


React.js


  1. React components: understanding the basic structure of React components and how to create them using functional and class components.
  2. JSX: learning how to use JSX syntax to write HTML-like code within your JavaScript files and how to use it to render React components.
  3. State and props: understanding how to use state and props to manage data in your React components and how to pass data between components.
  4. Lifecycle methods: learning about React's lifecycle methods and how to use them to handle component initialization, updates, and unmounting.
  5. Handling events: understanding how to handle events in React, including using event handlers and passing data through event handlers.
  6. Conditional rendering: learning how to conditionally render elements in React based on state or props, including using if/else statements and the ternary operator.
  7. Lists and keys: understanding how to render lists of elements in React and how to use keys to track each item's identity.
  8. Forms: learning how to handle user input with forms in React, including using controlled components and uncontrolled components.
  9. React Router: understanding how to use React Router to handle client-side routing in a single-page application.
  10. Redux: exploring the basics of Redux, including managing state with reducers and actions, and connecting Redux to React components.

Redux

  1. Understanding Redux: learning what Redux is, how it works, and its benefits.
  2. Redux store: understanding how to create a Redux store and set up the initial state of your application.
  3. Actions: learning how to define and dispatch actions in Redux to trigger changes to the state.
  4. Reducers: understanding how to use reducers in Redux to handle actions and update the state of your application.
  5. Selectors: learning how to use selectors in Redux to retrieve data from the state and derive new data.
  6. Middleware: understanding how to use middleware in Redux to add additional functionality, such as logging, to the dispatch process.
  7. Asynchronous actions: learning how to handle asynchronous actions in Redux using middleware such as Redux Thunk or Redux Saga.
  8. DevTools: exploring the Redux DevTools and how to use them to debug and analyze your application's state changes.
  9. Integrating with React: understanding how to integrate Redux with React and use it to manage the state of your React components.
  10. Best practices: exploring best practices for working with Redux, including structuring your code, handling side effects, and optimizing performance.

TypeScript

  1. Understanding TypeScript: learning what TypeScript is, how it differs from JavaScript, and its benefits.
  2. TypeScript syntax: understanding the basic syntax of TypeScript, including variables, data types, functions, and control structures.
  3. Interfaces: learning how to use interfaces in TypeScript to define object shapes and ensure type safety.
  4. Classes: understanding how to use classes in TypeScript to implement object-oriented programming concepts such as encapsulation, inheritance, and polymorphism.
  5. Type annotations: learning how to use type annotations in TypeScript to provide type information for variables, functions, and interfaces.
  6. Modules: understanding how to use modules in TypeScript to organize code into reusable units and manage dependencies.
  7. Generics: learning about generics in TypeScript and how they allow for code reusability and type safety.

Գրացվելու համար կարող եք զանգահարել հետևյալ հեռախոսահամարով՝
041-00-00-25 Կամ
Լրացնել https://forms.gle/AXs3SxoYNRiTgVVF8

Տևողությունը՝ 6 ամիս

Շաբաթական 3 դասընթաց, դասաժամերը՝ 11։00-ից 21։00