This is an interactive, beginner-friendly security awareness tutorial built in vanilla JavaScript, HTML, and CSS, aimed at educating Bengali-speaking users—especially Bangladeshis—about essential security concepts like encoding, encryption, hashing, password safety, sessions, secure headers, and best practices.
The project emphasizes clarity and intuition, with detailed Bengali explanations and easy-to-understand code snippets.
- Fully vanilla JS for maximum compatibility and simplicity
- Minimalistic, modern, and accessible UI with a dark theme
- Collapsible tutorial sections with smooth 3D-flip accordion arrows
- Copy-to-clipboard buttons on code snippets for developer convenience
- Scroll-to-top button for easy navigation on long pages
- Fully static site deployable on Cloudflare Pages or any static hosting
- Bengali language content focused on local relevance and global standards
- Security best practices embedded in code and deployment instructions
/security-security-tutorial/
├── index.html │ # Main HTML entrypoint
├── styles.css │ # Stylesheet for layout and UI
├── main.js │ # Vanilla JS for interactivity (accordion, copy buttons, scroll)
└── assets/ # Optional: images, fonts, and other static resources
- Modern web browser (Chrome, Firefox, Edge, Safari)
- Optional: Git and GitHub account for deployment
- Clone the repository:
git clone https://github.com/yourusername/security-tutorial.git
cd security-tutorial
Open index.html directly in your browser.No build tools or dependencies required.
Contributing Contributions are welcome! Feel free to:
Report issues or suggest improvements
Add new tutorial sections or update content for clarity
Improve UI/UX or accessibility
Optimize performance or security
Please fork the repo and create a pull request.
GitHub: github.com/mdabir1203 Email: mdabir1203@gmail.com