Each part will be divided into a number of lessons (not in the chronological order indicated here, but in an order that is convenient, clear, and understandable for learning.)
| language: | HTML |
| logo: |  |
| What is it used for? | All websites in the world contain HTML code. |
| about the language: | It is the most essential language for anyone interested in writing code for the web. It is essential for creation and design and plays a crucial role in development. It is the most basic component that is required to know in website development and is an extremely important skill considering that all websites in the world are built in this language. |
| what are we going to learn? | How to build visually |
| details: | We will learn the elements of building a website from scratch while examining the code of other websites and build our own website while playing with the code's features and options. We will see how to create a file, how to write the code in it, and then see what we have created. |
| We are going to build? | We will create links, images, colors, sizes, tables, pixel art, tags - elements, buttons, text, etc. |
| extra: | Work environments - we will see what are the most recommended software to work with and program in (we will only work with the professional ones, which can be worked with for free) |
| language: | CSS |
| logo: |  |
| What is it used for? | Most websites in the world contain CSS code. |
| what is it? | Cascading Style Sheets (CSS) are a format for designing web pages. The sheets determine the design of tags in HTML, XHTML, and any XML-like language for building websites. CSS was created to separate the content and structure of web pages from their design: once, the content of websites and their design style were written on the same HTML page. As a result, the HTML code became complicated and unreadable, and design changes to an entire website required going page by page. With CSS, you can place design settings in a single file, and a change to it will be reflected at once on all pages that use it. |
| what are we going to learn? | How to design the visual properties of HTML (from the first part) - that is, how to design the game and the website the way we want |
| what are we going to build? | We will design elements, learn to control design and how to turn it into something that looks beautiful and respectable exactly how we want it to (and not according to the default options offered by the HTML language) |
| language: | Javascript |
| logo: |  |
| What is it used for? | Almost all websites in the world and many mobile apps contain Javascript code. It is used for server side, grapths and AI. |
| about the language | It is the most popular programming language in the world (according to a study by Statista!). It allows platforms to be made interactive. That is, it allows you to change elements on the screen in real time, allows you to perform complex calculations, graphics, animation, and it can also be used on the server. |
| What was built with this language? |
Google Extensive use across search, Gmail, Google Maps, Google Docs, and more for dynamic, real-time interactions and features.
Youtube: The platform started out in Python and moved many parts to Javascript (node.js).
Netflix: The platform started out in Python too, and moved many parts to Javascript (node.js). PayPal: Frontend: JavaScript (with React in modern parts) for secure checkout flows, dashboards, and real-time updates. Backend: Switched entirely to Node.js from Java → faster development, unified full-stack teams, and better performance for APIs and services. Linkedin: Frontend: JavaScript frameworks (historically Backbone.js, now React-heavy) for feeds, job search, messaging, and profiles. Backend: Node.js powers the mobile backend, APIs, and real-time features — scaled to handle massive traffic after migrating for better speed and concurrency. Uber: Real-time maps, ride tracking, payments, and driver/rider matching in the web/app interfaces. |
| What are we going to learn? | How to control the game and website features and how to change them in real time - we will see how we control the website and change it while it is displayed to us on the screen. |
| Years of experience | 0-2 (Entry) | 2-5 (Junior) | 5-7 (Midlevel) | 7+ (Senior) |
| Yearly salary | $80K–$110K | $100K–$135K | $120K–$160K | $150K–$200K+ |
 |  |
|
 |  |
| language: | PHP (server side language) |
| logo: |  |
| about the language | One of the most popular languages in the world (including: PHP, Python, Java, C#, Node.JS) |
| What was built with this language? |
Wikipedia: The world's largest online encyclopedia, written in PHP.
Facebook: The platform started out in PHP and parts of it are still written in it today. Etsy: An e-commerce marketplace for handmade and vintage items. Slack: A popular collaboration platform. Its backend infrastructure is built in PHP. Tumblr: A microblogging and social media platform, built primarily in PHP. MailChimp: A widely used email marketing platform, developed in PHP. WordPress: The WordPress platform uses PHP as its core programming language. Baidu: The leading search engine in China, integrates PHP into its backend infrastructure. Digg: A social news aggregation platform, Digg, started out in PHP. |
| advantages: |
It is very easy to install,
Available everywhere to start working immediately, Very common Free to use (open source) Quick to get started and create projects. Its syntax (writing style) is similar to other popular languages such as C, C++, C#, Java, Javascript, node.js, Kotlin A wide global user base with a lot of accumulated knowledge and various support groups. |
| What are we going to learn? | We will make the site dynamic (a site that allows communication with users); we will learn to save data from the user on the server - saving and retrieving data from databases, we will perform a registration procedure, calculations, create code within code, etc. |
| Years of experience | 0-2 (Entry) | 2-5 (Junior) | 5-7 (Midlevel) | 7+ (Senior) |
| Yearly salary | $55K–$85K | $70K-$105K | $105K–$130K | $90K–$190K+ |
| |
|
| |
| language: | SQL (MySQL) |
| logo: |  |
| about te language | Database - A relational, multi-user database based on SQL (Structured Query Language). Named after My, the daughter of one of the original authors. The software is part of a collection of popular infrastructure software that underpins many websites that use it as a database that holds all the information stored in them. |
| What was built with this language? |
Facebook uses MySQL as its primary database to handle massive amounts of user data.
YouTube uses MySQL to manage various aspects of its operations, including storing user data, video metadata, and other relevant information. Twitter, the microblogging and social networking service, relies on MySQL to manage its extensive user data, tweets, and related information. WordPress, the popular content management system (CMS), uses MySQL as its default database to store website content, user data, and other essential information. Airbnb, the online marketplace for vacation rentals and accommodations, leverages MySQL to manage its database to handle user details, booking data, and property listings. |
| What are we going to learn? | Why should data be stored in a database and not in a file, and how is it done? |
| What are we going to learn? |
Servers and FTP
How a server works and how you can expose your website to the world. We will install a server on the computer and then upload the website to the server so that it is on the Internet - public and accessible to all. |
| logo: |  |
| What is it? |
FTP (File Transfer Protocol) is a communication protocol for transferring files between computers. Using this protocol, FTP client software communicates with FTP server software, in order to take a file from the server or add a file to it. Typical uses of the protocol:
Downloading various multimedia files (movies, music, etc.) from a website that stores such files.
Website management: Transferring pages and files from the website administrator's computer to the web server that allows the public to access these files. Promote file sharing (software files and data files) Encourage indirect use of remote computers. Protect the user from variations in file storage methods on different computers. Transfer data reliably, efficiently, and quickly. |
| extra | Here too - we will learn what the most recommended software to work with is (we will only work with those that can be worked with for free). |
| library: | JQuery |
| logo: |  |
| What is it? | It is a framework; An extension for Javascript that allows us to do file saving, shortcuts, and some animations |
| What are we going to learn? | How to write short commands, how to move objects on the screen, jquery Ajax - how to control the characteristics of the site and how to change them in real time, using data from the database (from the database) - that is, how to change the site while it is displayed to us on the screen, taking into account the data from the database. |
