- https://www.loom.com/share/7418b4291aa7422bba18b26112443a54?sid=68883c42-4818-4175-a293-8be61e3855d0
Project Intro-Web Labenu
Introduction to web development project.
This is the introductory project to the fundamentals of web development. Here, we'll practise the structure of what we'll be doing throughout the course. The aim is to build a stylised page with a list and search using DOM manipulation, practising the content of the module with JS:
- Variables
- Operators
- Strings
- Arrays
- Objects
- Conditionals
- Loops
- Functions
- Array Functions
- HTML and CSS
- Flex and Grid
- DOM and responsiveness
- Statement The page consists of HTML, linked to one or more CSS files, and one or more JS files (we recommend only one of each, though). The aim is to create a static page, then a stylised one, and finally a dynamic one. The page will catalogue (or list) items that you choose, and should have a simple search system, which receives a text, and searches for names/titles that match this text. List of requirements
- List screen with title
- Header on the page
- Main area with search bar and button
- Space for list of items at least three items listed
- Items listed using DOM manipulation
- Footer on page with identification
- Search bar with alert if you try to search with a blank field
- Click button performs search between items
- Report printed on console with information on each item
- Item name/title in capital letters
- Numerical average calculated and printed on the console
- Boolean true value check printed on console
- Grid utilisation