Tutorials and articles
Free tutorials on HTML, CSS, JavaScript, the frontend roadmap, Ubuntu Linux, networking and security, and coding with AI, plus practical Webino-Dev guides.
The lessons are written in Persian.
HTML
The structure of a web page: tags, forms, semantic HTML, accessibility and SEO, from beginner to advanced.
CSS
Look and layout: Flexbox, Grid, responsive design, animation and modern CSS architecture.
- 1سینتکس، سلکتورها و Cascade5 min
- 2Box Model، واحدها و رنگ‌ها5 min
- 3تایپوگرافی، پس‌زمینه و حاشیه‌ها5 min
- 4Display، Position و Overflow4 min
- 5Flexbox4 min
- 6CSS Grid5 min
- 7طراحی واکنش‌گرا (Responsive Design)5 min
- 8Transition، Transform و Animation6 min
- 9متغیرها (Custom Properties) و سلکتورهای مدرن5 min
- 10Container Queries، Cascade Layers و Nesting5 min
- 11معماری CSS: BEM، Specificity و قراردادها5 min
- 12جلوه‌های پیشرفته: filter، clip-path، scroll-driven، View Transitions5 min
- 13عملکرد CSS و قابلیت‌های جدید6 min
JavaScript
A complete JavaScript learning path: basics, built-in methods, intermediate and advanced topics.
- 1متغیرها و انواع داده4 min
- 2عملگرها (Operators)4 min
- 3کنترل جریان: شرط‌ها و حلقه‌ها4 min
- 4توابع (Functions)4 min
- 5متدهای String3 min
- 6Number و Math4 min
- 7متدهای Array7 min
- 8Object و متدهای آن5 min
- 9Date (تاریخ و زمان)4 min
- 10JSON3 min
- 11Map، Set، WeakMap، WeakSet4 min
- 12عبارات منظم (Regular Expressions)4 min
- 13توابع و آبجکت‌های سراسری (Global)3 min
- 14Scope، Hoisting و Closure4 min
- 15this، call، apply، bind3 min
- 16Destructuring، Spread و Rest5 min
- 17مدیریت خطا (Error Handling)3 min
- 18ماژول‌ها (Modules)4 min
- 19Iterator و Generator4 min
- 20DOM و رویدادها (Events)5 min
- 21Prototype و Class5 min
- 22برنامه‌نویسی ناهمزمان (Async) و Event Loop5 min
- 23الگوهای تابعی (Functional Patterns)5 min
- 24Symbol، Proxy، Reflect5 min
- 25قابلیت‌های مدرن (ES2015 تا ES2025)4 min
- 26عملکرد (Performance) و مدیریت حافظه5 min
Frontend roadmap
Skills from the roadmap.sh/frontend roadmap: tooling, TypeScript, frameworks, testing, security, performance and deployment.
- 1اینترنت، HTTP، DNS و Hosting4 min
- 2مرورگرها و DevTools2 min
- 3Git و GitHub3 min
- 4Package Managers: npm، Yarn، pnpm، Bun2 min
- 5Bundler، Transpiler و Vite3 min
- 6Linter، Formatter و کیفیت کد2 min
- 7TypeScript: مبانی4 min
- 8TypeScript: پیشرفته4 min
- 9انتخاب فریم‌ورک و مفاهیم مشترک3 min
- 10React5 min
- 11Vue 34 min
- 12Angular3 min
- 13Svelte و Solid3 min
- 14Meta-framework، SSR و SSG4 min
- 15فریم‌ورک‌های CSS و Design System3 min
- 16Web APIها3 min
- 17PWA و Service Worker3 min
- 18تست: مفاهیم، Jest و Vitest3 min
- 19تست End-to-End: Playwright و Cypress3 min
- 20امنیت وب: HTTPS، CORS، CSP و OWASP4 min
- 21احراز هویت و مجوز (Authentication & Authorization)4 min
- 22API: REST، GraphQL و دریافت داده4 min
- 23عملکرد وب و Core Web Vitals3 min
- 24استقرار (Deployment) و Hosting3 min
- 25اپ‌های موبایل و دسکتاپ با مهارت‌های وب3 min
- 26کدنویسی با کمک AI4 min
Linux (Ubuntu)
Terminal commands, package management, apps and Docker on Ubuntu.
Networking and security
Networking basics, protocols and ports, cryptography, Linux server security, static IP and VPN with WireGuard, from beginner to advanced.
Coding with AI
A workflow for programming with AI: LLM limits, planning, architecture and feedback.
Guides and articles
Practical guides for idea owners and businesses about AI and building products.