یادگیری مقدمات طراحی وب شامل زبان های HTML، CSS و Javascript قدم اول در مسیر تبدیل شدن به یک توسعه دهنده وب و ساخت وب سایت و برنامه های کاربردی تحت وب است.
محتوای دوره
مقدمات و مفاهیم
- اینترنت چگونه کار می کند
- مفاهیم شبکه مورد نیاز
- IP
- Port
- Routing
- Protocol
- مفهوم کلاینت / سرور
- آشنایی با سرویس های پرکاربرد
- وب سرور چیست و چه کار می کند
- مفهوم Request / Response
- دامنه و هاستینگ چیست
- DNS چیست
- مرورگر چه کارهایی انجام می دهد
- کجا کد بنویسیم
HTML
- المان های پایه
- فرمت دهی متن ها
- نقل قول ها
- مفاهیم ID و Class
- کجا CSS بنویسیم
- کجا Javascript بنویسیم
- جداول
- فهرست ها
- چیدمان
- با استفاده از float property
- با استفاده از فریم ورک های css مانند Bootstrap
- با Flexbox
- با Grid
- فرم ها
- رسانه های صوتی و تصویری در HTML
- گرافیک در HTML
- طراحی واکنش گرا
- المان های معنایی در HTML
- سیمبل ها، ایموجی ها و انتیتی ها
CSS
- Introduction to CSS
- CSS Basics
- Selectors
- Comments
- Colors
- Backgrounds
- Borders
- Margins
- Padding
- Text Formatting
- Text Color
- Text Alignment
- Text Decoration
- Text Transformation
- Fonts
- Icons
- CSS Box Model
- Introduction to the Box Model
- Width and Height Properties
- Border Properties
- Padding Properties
- Margin Properties
- Advanced CSS
- Display and Visibility
- Positioning Elements
- Floating and Clearing
- Combinators and Pseudo-classes
- Pseudo-elements
- Styling Lists and Tables
- List Styling
- Table Styling
- CSS Flexbox
- Flex Container and Flex Items
- Flex Properties
- CSS Grid
- Grid Container and Grid Items
- Grid Properties
- Responsive Design
- Viewport and Media Queries
- Responsive Images
- Responsive Utilities
- Transitions and Animations
- CSS Transitions
- CSS Animations
Javascript
- Introduction to JavaScript
- What is JavaScript?
- The role of JavaScript in web development
- Setting up your environment
- JavaScript Basics
- Syntax and Statements
- Variables and Data Types
- Operators
- Control Structures
- Conditional Statements (if, else, switch)
- Loops (for, while, do-while)
- Functions
- Defining Functions
- Function Invocation
- Scope and Closure
- DOM Manipulation
- Document Object Model (DOM)
- Selecting Elements
- Event Handling
- Data Structures
- Arrays
- Objects
- APIs and JSON
- Introduction to APIs
- Fetch API
- Working with JSON
- Error Handling
- try, catch, finally
- Throwing Errors
- Introduction to ES6+
- Let and Const
- Arrow Functions
- Template Literals