Vadnica is a website where I will teach you how to build websites using HTML, CSS, JavaScript, MySQL, and PHP, as well as the basics of electronics. My goal is to guide you through the process of learning web development - from basic concepts to advanced techniques. I have carefully designed each lesson with practical examples and exercises to help you consolidate your knowledge. Whether you are a complete beginner or already have some experience with web development, you will find content tailored to your level of knowledge. When creating content, I pay special attention to best practices and modern standards, as I want you to gain quality knowledge for your development in web programming throughout this tutorial.
To make learning as effective and fun as possible, advanced interactive simulators are at your disposal, allowing you to write and run code directly in your browser. Without installing any additional software, you can instantly test the behavior of HTML tags, styling with CSS, JavaScript logic, and even writing SQL queries and PHP scripts. Choose the desired chapter from the top menu and start creating your first dynamic web projects today!
The Internet is simply a network of computers communicating with each other to send and receive information or data. Each of these computers on the Internet can be distinguished and located by a unique number called an IP address. The Web is a subset of the Internet. Like any other computer network, the Web consists of two main components: a web browser client and a web server. The client requests data, and the server shares or serves its data. To achieve this, the two parties must reach an agreement. This agreement is called an Application Programming Interface or API for short. But this data needs to be organized and formatted into a form understandable to end users who have a wide range of technical experience and abilities. This is where HTML, CSS, JavaScript, PHP, and the entire concept of web development come into play.
Web browsers receive an HTML document from a web server or local storage and render the documents into multimedia web pages. HTML semantically describes the structure of a web page and originally includes tags for its appearance. The Web, or www for short, is a distributed hypertext (a way of marking text or graphic elements that allows linking to other parts of the text) system operating on the Internet. Hypertext documents are viewed using a browser, which downloads the document from a web server and displays it in the browser. Web pages can contain links pointing to other web pages or sending feedback to the server. The operation of the web is based on three standards.
| Standard | Full Name | Description |
|---|---|---|
| URL | Uniform Resource Locator | Colloquially called a web address, it is a reference to a web resource that specifies its location in a computer network and the mechanism for retrieving it. |
| HTTP | Hypertext Transfer Protocol | Specifies the method of communication between the web server and the browser. |
| HTML | Hypertext Markup Language | Defines the markup of meta-textual elements (headings, images, links to other elements, etc.) in the document. |
A broader list of tasks typically referred to as web development can include web engineering, web design, web content development, web server security configuration, network security, e-commerce development, etc. Among web professionals, "web development" usually refers to the main aspect of building websites not related to design: markup and coding. Web development can use content management systems (CMS) to make content changes easier and accessible with basic technical skills. In larger organizations and companies, web development teams can consist of hundreds of people (web developers) and follow standard methods in website development.
There are three types of web developer specializations: Front-end developer, Back-end developer, and Full-stack developer. Front-end developers are responsible for the behavior and visual elements that run in the user's browser, while back-end developers deal with servers. Website construction is a process in which a programmer creates web pages or online stores. The website creation process includes planning, creating the website design, preparing website navigation, slicing the website design, and integrating the design into a (CMS). Proper preparation and correct entry of materials on web pages is a very important element of search engine optimization (SEO), which means high placement of your website or online store in search engines.
| Name | Description | Website opens in a new tab |
|---|---|---|
| vadnica-pass (my project) | Zero-knowledge password manager with open source code — PHP, MySQL and AES-256 encryption. | Visit site |
| vadnica-bank (my project) | Open-source zero-knowledge banking ledger — secure entry and tracking of personal transactions. | Visit page |
| MDN Web Docs | Documentation for web technologies, including HTML, CSS, and JavaScript. | Visit site |
| W3Schools | The largest website for developers worldwide. | Visit site |
| PHP | Official PHP language documentation with guides and function references. | Visit site |
| MySQL | Official MySQL database documentation. | Visit site |
| Stack Overflow | The largest online community for programmers with answers to questions. | Visit site |
