New Updated BlackBox AI for Beginners | Beginners VS Code Extention

Way2Future
13 Jul 202404:24

TLDRIn this video, the speaker introduces the new updates to the BlackBox AI extension for VS Code, specifically useful for beginners and students. They walk through the extension's features such as code generation, code chat, code search, bug finding, and commenting on code. The speaker highlights how BlackBox AI compares to ChatGPT but is fully integrated within VS Code, making it convenient for learners. Additionally, they demonstrate how to use the extension to find bugs, generate and explain code, and provide comments for better understanding. The extension is now free and highly beneficial for beginners.

Takeaways

  • ЁЯША рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ (BlackBox AI) рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╡реАрдбрд┐рдпреЛ рдореЗрдВ рдирдИ рдЬрд╛рдирдХрд╛рд░реА рдФрд░ рдЕрдкрдбреЗрдЯреНрд╕ рд╢рд╛рдорд┐рд▓ рд╣реИрдВред
  • ЁЯЫая╕П рд╡реАрдбрд┐рдпреЛ рд╕реНрдХреНрд░рд┐рдк рдореЗрдВ рд╡реАрдПрд╕ рдХреЛрдб (VS Code) рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╡рд┐рд╕реНрддрд╛рд░ рд╕реЗ рдмрд╛рдд рдХреА рдЧрдИ рд╣реИред
  • ЁЯТб рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдХреЛ рдЗрдВрд╕реНрдЯреЙрд▓ рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж, рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рддрд░реАрдХреЗ рд╕рдордЭрд╛рдП рдЧрдП рд╣реИрдВред
  • ЁЯФН 'рдлрд╛рдЗрдВрдб рдмрдЧ', 'рдХреЛрдб рдЪреИрдЯ', 'рд╢реЗрдпрд░ рдХреЛрдб', 'рдХрдореЗрдВрдЯ рдХреЛрдб' рдЖрджрд┐ рдРрдк рдХреА рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХрд╛ рд╡рд░реНрдгрди рд╣реИред
  • ЁЯТм 'рдХреЛрдб рдЪреИрдЯ' рдлреАрдЪрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ, рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЛ рдХреЛрдб рдХреЗ рд╡рд┐рднрд┐рдиреНрди рдкрд╣рд▓реБрдУрдВ рдХрд╛ рд╕рдорд░реНрдерди рдорд┐рд▓рддрд╛ рд╣реИред
  • ЁЯУЭ рд╡реАрдбрд┐рдпреЛ рдореЗрдВ рдПрдХ рд╕рд╛рдзрд╛рд░рдг рдПрдЪрдЯреАрдПрдордПрд▓ (HTML) рд▓реИрдВрдбрд┐рдВрдЧ рдкреЗрдЬ рдХреЗ рд▓рд┐рдП рдХреЛрдб рдЬрдирд░реЗрдЯ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рджрд░реНрд╢рди рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред
  • ЁЯОУ рд╡реАрдбрд┐рдпреЛ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ, рд╡рд┐рднрд┐рдиреНрди рдХреЛрдбрд┐рдВрдЧ рд╕рдорд╕реНрдпрд╛рдУрдВ рдХреЗ рд╕рдорд╛рдзрд╛рди рд╕реАрдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдХреА рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХрд╛ рдкрд░рд┐рдЪрдп рд╣реИред
  • ЁЯЖУ рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдЕрдм рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдореБрдлреНрдд рд╣реИ рдФрд░ рдЗрд╕рдореЗрдВ рдХрдИ рдирдИ рд╕реБрд╡рд┐рдзрд╛рдПрдВ рд╣реИрдВред
  • ЁЯМЯ рд╡реАрдбрд┐рдпреЛ рдХреЗ рдЕрдВрдд рдореЗрдВ, рд╡реАрдбрд┐рдпреЛ рдХреЛ рд▓рд╛рдЗрдХ, рд╢реЗрдпрд░ рдФрд░ рдЪреИрдирд▓ рдХреА рд╕рдмреНрд╕рдХреНрд░рд┐рдкреНрд╢рди рдХрд░рдиреЗ рдХрд╛ рдЖрдЧреНрд░рд╣ рд╣реИред
  • ЁЯФз рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ, рдХреЛрдбрд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рд╡рд┐рднрд┐рдиреНрди рд╕реНрддрд░реЛрдВ рдкрд░ рдорджрдж рдкреНрд░рд╛рдкреНрдд рдХреА рдЬрд╛ рд╕рдХрддреА рд╣реИред

Q & A

  • рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рдХреНрдпрд╛ рд╣реИ?

    -рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рдПрдХ рдХреЛрдб рдЬрдирд░реЗрд╢рди, рдХреЛрдб рд╕рд░реНрдЪ, рдФрд░ рдХреЛрдб рдЪреИрдЯ рдПрдХреНрд╕рдЯреЗрдВрд╢рди рд╣реИ, рдЬреЛ VS Code рдореЗрдВ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдпрд╣ рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рд╢реБрд░реБрдЖрддреА рдФрд░ рдХреЙрд▓реЗрдЬ рдХреЗ рдЫрд╛рддреНрд░реЛрдВ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдЙрдкрдпреЛрдЧреА рд╣реИред

  • рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рдХреЛ VS Code рдореЗрдВ рдХреИрд╕реЗ рдЗрдВрд╕реНрдЯреЙрд▓ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ?

    -VS Code рдореЗрдВ рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдЯреИрдм рдореЗрдВ рдЬрд╛рдХрд░ рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдХреЛ рд╕рд░реНрдЪ рдХрд░рдХреЗ рдЗрдВрд╕реНрдЯреЙрд▓ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред

  • рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рдХреЗ рдореБрдЦреНрдп рдлреАрдЪрд░реНрд╕ рдХреНрдпрд╛ рд╣реИрдВ?

    -рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рдореЗрдВ рдХреЛрдб рдЬрдирд░реЗрд╢рди, рдХреЛрдб рд╕рд░реНрдЪ, рдХреЛрдб рдЪреИрдЯ, рдХрдореЗрдВрдЯ рдХреЛрдб рдФрд░ рдлрд╛рдЗрдВрдб рдмрдЧ рдЬреИрд╕реЗ рдлреАрдЪрд░реНрд╕ рд╣реИрдВред рдпреЗ рдлреАрдЪрд░реНрд╕ рдХреЛрдбрд┐рдВрдЧ рдХреЗ рджреМрд░рд╛рди рдмрд╣реБрдд рдорджрджрдЧрд╛рд░ рд╣реЛрддреЗ рд╣реИрдВред

  • рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рдХреЗ рдлрд╛рдЗрдВрдб рдмрдЧ рдлреАрдЪрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреИрд╕реЗ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ?

    -рдлрд╛рдЗрдВрдб рдмрдЧ рдлреАрдЪрд░ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЖрдк рдХреЛрдб рдореЗрдВ рдХрд┐рд╕реА рднреА рдмрдЧ рдХреЛ рдвреВрдВрдв рд╕рдХрддреЗ рд╣реИрдВред рдЬрдм рдЖрдк рдЗрд╕ рдлреАрдЪрд░ рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣ рдХреЛрдб рдХреЛ рд╕реНрдХреИрди рдХрд░рдХреЗ рдмрдЧ рдпрд╛ рдорд┐рд╕реНрдЯреЗрдХреНрд╕ рдХреЛ рд╣рд╛рдЗрд▓рд╛рдЗрдЯ рдХрд░рддрд╛ рд╣реИред

  • рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рдХрд╛ рдХреЛрдб рдЬрдирд░реЗрд╢рди рдлреАрдЪрд░ рдХреИрд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ?

    -рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рдХрд╛ рдХреЛрдб рдЬрдирд░реЗрд╢рди рдлреАрдЪрд░ рдпреВрдЬрд░ рджреНрд╡рд╛рд░рд╛ рджрд┐рдП рдЧрдП рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдХреЛрдб рдЬрдирд░реЗрдЯ рдХрд░рддрд╛ рд╣реИред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, 'Give me code for a simple HTML landing page' рдЯрд╛рдЗрдк рдХрд░рдиреЗ рдкрд░ рдпрд╣ рдЖрдкрдХреЛ HTML рдФрд░ CSS рдХреЛрдб рдкреНрд░рджрд╛рди рдХрд░реЗрдЧрд╛ред

  • рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рдореЗрдВ рдХреЛрдб рдПрдХреНрд╕рдкреНрд▓реЗрди рдХреИрд╕реЗ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ?

    -рдХреЛрдб рдПрдХреНрд╕рдкреНрд▓реЗрди рдлреАрдЪрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЖрдк рдХрд┐рд╕реА рднреА рдХреЛрдб рдХрд╛ рд╡рд┐рд╡рд░рдг рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдпрд╣ рдлреАрдЪрд░ рдХреЛрдб рдХреЗ рдкреНрд░рддреНрдпреЗрдХ рд╣рд┐рд╕реНрд╕реЗ рдХреЛ рд╕рдордЭрд╛рддрд╛ рд╣реИ рдФрд░ рдЙрд╕реЗ рд╕реНрдкрд╖реНрдЯ рдХрд░рддрд╛ рд╣реИред

  • рдХреНрдпрд╛ рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рдореБрдлреНрдд рдореЗрдВ рдЙрдкрд▓рдмреНрдз рд╣реИ?

    -рд╣рд╛рдВ, рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рдХрд╛ рдЕрдкрдбреЗрдЯреЗрдб рд╡рд░реНрдЬрди рдЕрдм рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдореБрдлреНрдд рдореЗрдВ рдЙрдкрд▓рдмреНрдз рд╣реИ рдФрд░ рдЗрд╕реЗ VS Code рдореЗрдВ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред

  • рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рдХреЛрдб рдЪреИрдЯ рдлреАрдЪрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреИрд╕реЗ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ?

    -рдХреЛрдб рдЪреИрдЯ рдлреАрдЪрд░ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЖрдк рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рд╕реЗ рдХреЛрдбрд┐рдВрдЧ рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рд╕рд╡рд╛рд▓ рдкреВрдЫ рд╕рдХрддреЗ рд╣реИрдВред рдЬреИрд╕реЗ, 'Give me code for a simple HTML landing page' рдкреВрдЫрдиреЗ рдкрд░ рдпрд╣ рдЖрдкрдХреЛ рддреБрд░рдВрдд рдХреЛрдб рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИред

  • рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рдФрд░ ChatGPT рдореЗрдВ рдХреНрдпрд╛ рдЕрдВрддрд░ рд╣реИ?

    -рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рдФрд░ ChatGPT рджреЛрдиреЛрдВ рд╣реА AI рдЯреВрд▓реНрд╕ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдХреЛрдбрд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рдбрд┐рдЬрд╛рдЗрди рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдФрд░ VS Code рдореЗрдВ рд╕реАрдзреЗ рдЗрдВрдЯреАрдЧреНрд░реЗрдЯ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рд╡рд╣реАрдВ, ChatGPT рдПрдХ рдЬрдирд░рд▓ рдЪреИрдЯрдмреЙрдЯ рд╣реИ рдЬреЛ рд╡рд┐рднрд┐рдиреНрди рдкреНрд░рдХрд╛рд░ рдХреА рдЬрд╛рдирдХрд╛рд░реА рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИред

  • рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рд╢реБрд░реБрдЖрддреА рдФрд░ рдЫрд╛рддреНрд░реЛрдВ рдХреЗ рд▓рд┐рдП рдХреНрдпреЛрдВ рдорд╣рддреНрд╡рдкреВрд░реНрдг рд╣реИ?

    -рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ AI рдХрд╛ рдЙрдкрдпреЛрдЧ рд╕рд░рд▓ рдХреЛрдб рдЬрдирд░реЗрд╢рди, рдмрдЧ рдвреВрдВрдврдиреЗ, рдФрд░ рдХреЛрдб рд╕рдордЭрдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ, рдЬреЛ рдЗрд╕реЗ рд╢реБрд░реБрдЖрддреА рдФрд░ рдХреЙрд▓реЗрдЬ рдХреЗ рдЫрд╛рддреНрд░реЛрдВ рдХреЗ рд▓рд┐рдП рдПрдХ рдЙрдкрдпреЛрдЧреА рдЙрдкрдХрд░рдг рдмрдирд╛рддрд╛ рд╣реИред

Outlines

00:00

ЁЯдЦ Introduction to Black Box AI in VS Code

The video introduces viewers to the topic of Black Box AI and its importance for beginners, especially college students. The speaker welcomes everyone and emphasizes how Black Box AI has become an essential tool for generating, searching, and explaining code within Visual Studio Code (VS Code). This feature, according to the speaker, is especially useful for beginners who may struggle with coding basics.

тЪЩя╕П Installing and Using Black Box AI in VS Code

The speaker demonstrates how to install and use Black Box AI in VS Code. The feature offers code generation, code chat, and code search functionalities. The speaker guides viewers through the process of accessing the Black Box extension and explains the basic setup, mentioning that many users are confused about how to use the tool after installation. The demonstration focuses on making these features clear and user-friendly.

ЁЯФН Exploring the Code Search and Debugging Features

The video explains how Black Box AI can help find bugs within the code. The speaker opens the extension and highlights its ability to identify problems such as missing HTML elements or incomplete code structures. By clicking on 'Find Bug,' Black Box AI reviews the code and presents explanations, making it easier for users to spot errors and debug their code efficiently.

ЁЯТм Leveraging the Code Chat Feature

The speaker introduces the 'Code Chat' feature, which allows users to communicate with the AI in natural language, requesting specific code snippets. An example is provided where the speaker asks for HTML and CSS code for a landing page. The AI quickly generates a basic HTML structure and CSS styling, similar to ChatGPT. The toolтАЩs ease of use and quick responses make it highly beneficial for beginners.

тЬНя╕П Commenting and Explaining Code with Black Box AI

This section demonstrates how Black Box AI can automatically generate detailed comments for the code. The speaker shows how, with a simple click, Black Box AI can break down the code into comments, explaining each part and improving the overall readability. This is particularly helpful for beginners who may need clear explanations for understanding the functionality of different code segments.

ЁЯЖУ Black Box AI: Now Free and More Powerful

The speaker discusses how Black Box AI has evolved, noting that it was previously a paid service but is now free to use. The tool has become more advanced with recent updates, offering features that compete with ChatGPT, but directly within the VS Code environment. The speaker encourages beginners to try it, as itтАЩs an efficient, accessible tool for learning and improving coding skills.

ЁЯСН Conclusion: Why Beginners Should Use Black Box AI

In the concluding remarks, the speaker reiterates the importance of Black Box AI for beginners and learners. They stress that Black Box AI, especially within VS Code, is highly beneficial compared to external tools like ChatGPT. The speaker signs off by encouraging viewers to like, share, and subscribe to the channel for more content.

Mindmap

Keywords

ЁЯТбBlackBox AI

BlackBox AI is an artificial intelligence tool used for code generation, code explanation, and bug finding. In the video, the speaker explains how it integrates with VS Code to help beginners generate and understand code, making it a useful tool for students and learners.

ЁЯТбVS Code Extension

VS Code Extension refers to a plugin or add-on for Visual Studio Code that enhances its functionality. In this video, the speaker discusses how BlackBox AI has been updated as a VS Code extension, allowing users to easily generate, explain, and debug code directly in their editor.

ЁЯТбCode Generation

Code generation is a feature that automatically writes code based on input from the user. In the video, the speaker demonstrates how BlackBox AI can generate a complete HTML and CSS landing page code for users, making it a useful feature for beginners who need help writing code.

ЁЯТбFind Bug

Find Bug is a feature that allows users to detect and fix errors in their code. In the video, the speaker shows how BlackBox AI can find missing elements, such as a missing 'div' tag in HTML, and highlight the errors for correction, making coding easier for users.

ЁЯТбExplain Code

Explain Code is a function where BlackBox AI explains the purpose and structure of the code to the user. The video emphasizes how this feature helps beginners understand the code they are working on, improving their learning experience.

ЁЯТбCode Chat

Code Chat is a feature that allows users to interact with BlackBox AI by typing questions or commands related to code. The speaker in the video demonstrates this by asking the AI to generate code for a landing page, similar to how users interact with ChatGPT.

ЁЯТбComment Code

Comment Code is a feature that helps users add comments or explanations to their code. In the video, the speaker highlights how BlackBox AI automatically generates comments for each part of the code, making it easier to understand and organize the code structure.

ЁЯТбHTML and CSS

HTML and CSS are the standard markup and styling languages for creating web pages. The video explains how BlackBox AI generates both HTML and CSS code when requested, and how it helps users create a landing page with ease.

ЁЯТбBeginners

Beginners refer to individuals who are new to coding or using development tools. Throughout the video, the speaker emphasizes that BlackBox AI's features are particularly helpful for beginners, as it simplifies complex coding tasks and provides useful guidance.

ЁЯТбFree Tool

Free Tool refers to the fact that BlackBox AI is now available for free, as mentioned in the video. The speaker contrasts its current availability with its previous pricing model, making it more accessible for users, especially beginners and students.

Highlights

рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдХреЗ рдирдП рдлреАрдЪрд░реНрд╕ рдФрд░ рдЕрдкрдбреЗрдЯреНрд╕ рдХрд╛ рд╡рд┐рд╡рд░рдгред

рд╡реАрдПрд╕ рдХреЛрдб рдореЗрдВ рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдХреА рдЙрдкрдпреЛрдЧрд┐рддрд╛ред

рдмрд┐рдЧрд┐рдирд░реНрд╕ рдФрд░ рдХреЙрд▓реЗрдЬ рд╕реНрдЯреВрдбреЗрдВрдЯреНрд╕ рдХреЗ рд▓рд┐рдП рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдХрд╛ рдорд╣рддреНрд╡ред

рд╡реАрдПрд╕ рдХреЛрдб рдореЗрдВ рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдХреЛ рдХреИрд╕реЗ рдЗрдВрд╕реНрдЯреЙрд▓ рдФрд░ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВред

рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдХреЗ рдореБрдЦреНрдп рдлреАрдЪрд░реНрд╕: рдХреЛрдб рдЬрдирд░реЗрд╢рди, рдХреЛрдб рдЪреИрдЯ, рдХреЛрдб рд╕рд░реНрдЪред

рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рджреНрд╡рд╛рд░рд╛ рдХреЛрдб рдореЗрдВ рдмрдЧреНрд╕ рдвреВрдБрдврдиреЗ рдХреА рдкреНрд░рдХреНрд░рд┐рдпрд╛ред

рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдПрдХреНрд╕рдЯреЗрдВрд╢рди рд╕реЗ рдХреЛрдб рдХрд╛ рдПрдХреНрд╕рдкреНрд▓реЗрдиреЗрд╢рди рдФрд░ рдХрдореЗрдВрдЯ рдЬрдирд░реЗрд╢рдиред

рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдХрд╛ рдпреВрдЬрд░ рдЗрдВрдЯрд░рдлрд╝реЗрд╕: рдмрдЧреНрд╕, рдХрдореЗрдВрдЯ рдФрд░ рд╢реЗрдпрд░ рдХреЛрдб рд▓рд┐рдВрдХред

рдХреЛрдб рдЪреИрдЯ рдХреЗ рдЬрд░рд┐рдП HTML рдФрд░ CSS рдХреЛрдб рдХрд╛ рдЬрдирд░реЗрд╢рдиред

рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдХрд╛ рдЪреИрдЯ рдЬреАрдкреАрдЯреА рд╕реЗ рддреБрд▓рдирд╛ рдФрд░ рд╕рдорд╛рдирддрд╛рдПрдВред

рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдЕрдм рдкреВрд░реА рддрд░рд╣ рдлреНрд░реА рдФрд░ рдЕрдзрд┐рдХ рдлреАрдЪрд░реНрд╕ рдХреЗ рд╕рд╛рде рдЙрдкрд▓рдмреНрдз рд╣реИред

рд╡реАрдПрд╕ рдХреЛрдб рдореЗрдВ рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдХрд╛ рдЕрдкрдбреЗрдЯреЗрдб рд╡рд░реНрд╢рдиред

рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдмрд┐рдЧрд┐рдирд░реНрд╕ рдХреЗ рд▓рд┐рдП рдПрдХ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдЯреВрд▓ рд╣реИред

рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдХрд╛ рдЙрдкрдпреЛрдЧ рд╕реАрдЦрдиреЗ рдФрд░ рдХреЛрдбрд┐рдВрдЧ рдХреА рд╕рд░рд▓рддрд╛ред

рдмреНрд▓реИрдХ рдмреЙрдХреНрд╕ рдПрдЖрдИ рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдЗрдВрд╕реНрдЯреЙрд▓ рдХрд░рдиреЗ рдХреЗ рдлрд╛рдпрджреЗред