📝 The final documentation in English 🇬🇧.
🔘 The goal of the project was to learn HTML, CSS, JavaScript, and PHP languages. To learn how web sites are created and what skills are needed to implement it.
🔘 The iCourses website is for people who want to learn how to program. On the site you will find various popular courses that have been selected according to popularity criteria, as well as materials that teachers use for their courses.
🔘 The development process consists of 4 parts: HTML 5, CSS, JavaScript, PHP 7. If the item is marked as "❌", it means that the item was not done, if the item is marked as "✅", it means that the item was completed.
🔘 This description of the process is directly linked to the project evaluation table, which you can find by clicking here.
✅ Form check using JavaScript on submit.
✅ On (all!) elements in the form, when entering data.
✅ Validation with HTML5 - Attributes required and pattern on all elements where it makes sense.
✅ Page usable even without JavaScript - In special cases, credit may be granted without this condition.
✅ Validity - Valid use of HTML5 doctype (https://validator.w3.org).
✅ Without warnings.
✅ Forms are accessible - ALL form fields have a label.
✅ HTML 5 - Using html tags: new form elements, new semantic elements.
✅ Comprehensive form - The form must have at least 4 input fields with different data types (text, number, date, etc.). These fields must work in all major browsers (Chrome, Firefox, or Safari).
✅ Formatting with HTML elements is not used.
✅ The style is not directly on the element.
✅ Styles outside the HTML document (using <link>).
❌ Skinnability - The app will have multiple looks to choose from. The layouts will be implemented using CSS. The individual layouts will differ in color and layout. The change of appearance is permanent.
✅ Print style.
✅ Media queries.
✅ CSS flexbox.
✅ Resistance to "malicious user" - dump to page (XSS).
✅ Resistance to double submission of the same form - Redirection after sending, checking existing data (where uniqueness makes sense).
✅ Correct evaluation and display of errors - Range of values, different number formats, space trimming, boundary and nonsense values. All on the server!
✅ Protection against CSRF - Using the CSRF token.
✅ User-filled values are not lost - Incorrectly completed forms will be rejected and returned for correction. All data will remain pre-populated. The only exception is the password fields.
✅ A clear distinction between mandatory and optional data.
✅ User login.
✅ Passwords not in plain text.
✅ Passwords are salted.
✅ Error handling - Especially when working with the file system.
✅ User registration - The application allows new users to register via a web form.
✅ Paginated lists of items.
❌ Filtered lists of items - Correct cooperation with pagination. Implemented on the server side.
❌ Sorting in lists - Implemented on the server side.
✅ Ajax - Not from static data! The data must be generated by the server.
✅ Routing (deciding which script will process the request) is not done by the web server. - Using mod_rewrite, all requests are first processed by the central script.
✅ Assignment - Formal assignment as if it were from an external contracting authority. The assignment will include acceptance conditions. Approved by the practitioner.
✅ Description of site functionality - Manual.
✅ Web UI samples - AI will be commented, described.
✅ Description of the main features of the program (functionality of the main scripts) - Description of architecture, form handling, security, data processing algorithms, UML, description of the use of frameworks.
✅ Documentation in source code.
✅ Generated documentation from source code - PHPDocumentor.
🔘 Each page have a footer with links to instagram pages as well as the official faculty specialty website.
🔘 There should also be text in the registration and authorization section of the footer.
🔘 After authorization, several buttons should appear in the footer of the page:
- "HP" (Homepage)
- "Course"
- "About Us"
- "Contact Information"
- "Logout"