In this project, I build a simple HTML list of To Do tasks. The list will be styled according to the specifications listed later in this lesson. This simple web page will be built using webpack and served by a webpack dev server.
Learning objectives:
-
Use semantic HTML tags.
-
Apply best practices in HTML code.
-
Use CSS box model.
-
Use CSS selectors correctly.
-
Demonstrate ability to create UIs adaptable to different screen - sizes using media queries.
-
Use GitHub Pages to deploy web pages.
-
Apply JavaScript best practices and language style guides in code.
-
Use JavaScript to manipulate DOM elements.
-
Use JavaScript events.
-
Use objects to store and access data.
-
Communicate technical concepts to other technical people.
-
Build awesome book .
-
HTML
-
CSS
-
JS
To get a local copy up and running follow these simple example steps.
- Download the
Zip
or(git clone)[https://github.com/ger619/books-app]
cd books-app
- Then open in your browser by using
live server
For tracking linter errors locally you need to follow these steps:
-
After cloning the project you need to run this command
npm install
This command will download all the dependencies of the project
-
For tracking the linter errors in HTML file run:
npx hint .
-
For tracking the linter errors in CSS file run:
npx stylelint "**/*.{css,scss}"
- And For tracking the linter errors in JavaScript file run:
npx eslint .
👤 Magana Assia
- GitHub: @MaganaAsiati
- Twitter: @asia_magana
- LinkedIn: Asia Magana
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- Hat tip to Microvers and all the staff
- Thanks to My coding Partners
- Thanks to My Morning-session-group and Standup-team Partners and
- Thanks to Code Reviewers
This project is MIT licensed.