🧿 به نام دانای برحق
💢 خبر خوش برای همراهان xStack
🔹جامع‌ترین آموزش Full Stack web developer
🔹با سر فصل های:
Fron-End:
✅ HTML / 5
✅ CSS / 5
✅ Bootstrap / 5 or above
✅ JavaScript
✅ jQuery
✅ VueJS / 2 & 3
✅ Sass
✅ Webpack / Vite

Back-End:
✅ PHP / 8 + OOP
✅ MySQL
✅ Laravel / last stable version

Other:
✅ Standard Coding
✅ Debug
✅ Git / GitHub
✅ Composer
✅ npm
✅ wordpress
✅ & etc.

💢 این آموزش رایگان خواهد بود، به جرائت جامع‌ترین و حرفه‌ای‌ترین آموزش طراحی وبسایت فول استک وب دولوپر با رویکرد فری‌لنسر خواهد بود.

💢 آموزش ها در کانال برنامه نویسی با طمع تمشک و برنامه‌نویسی به شرط و سایر شبکه های اجتماعی قرار خواهد کرد.
💢 آموزش‌ها در حد امکان زنده خواهد بود تا امکان پرس و پاسخ باشد. در انتهای فصل خود آزمایی برای دوستان در نظر گرفته می‌شود تا خود را محک بزنند.
⚠️ دوستان که فقط قصد دریافت آموزش ها رو دارند در کانال دوم هم می‌توانند عضو شوند.
🔹 نحوه برگزاری دوره به زودی اعلام ‌می‌شود.

مدرس: A1Gard
@xstack_tut ❌ | @devefun ✌️

⭕️ جلسه اول برنامه‌نویسی full stack developer با ما همراه باشید
⏰ زمان: دوشنبه ساعت ۲۲
📣 آموزش به صورت لایو در تلگرام
⭕️ در اطلاع رسانی به دوستان خود کوشا باشید و با انتشار این مطلب ما را حمایت کنید.
@xstack_tut ❌ | @devefun ✌️

💠 فصل اول آموزش Full stack web developer
💠 عنوان فصل HTML & CSS - قسمت ۱
💠 مباحث تدریس شده:
✅ زبان HTML چیست
✅ چطور با مرورگر ارتباط برقرار کنیم
✅تگ های: ,p, b, i, u, del, sub, sup, br, html, head, body, noscript
✅ استفاده از IDE یا محیط توسعه
✅ خصوصیت یا Attribute چیست.
✅ ایجاد پاراگراف
✅ مفهوم lorem ipsum چیست؟
✅ فرمت دهی به متون
✅ راست چین کردن صفحه
✅ فرمول نویسی

#فیلم_آموزش #FullStackWebDeveloper
🌐 با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین: دو فایل HTML ایجاد کرده و عنوان صفحه را عوض کرده و متن دلخواه خود را در body اضافه کنید.
⁉️ تمرین ۱: یک صفحه خاطرات خود یا یک فرد دیگر را با فرمت دهی به متون و استفاده پاراگراف در یک فایل HTML ایجاد کنید.
⁉️ تمرین ۲: ۱۰ فرمول شیمی و ۱۰ فرمول ریاضی دلخواه یا واقعی را در فایل HTML ثبت کنید.
⚠️ اگر در پیاده سازی فرمولی به مشکل خوردید. مشکل خود را یادداشت کنید. (هدف درک محدودیت های HTML برای پاسخگویی تامین کامل نیاز شماست)
🔸 فایل را ذخیره کنید و آن را در مرورگر باز کنید.

#تمرین #تمرین_HTML_CSS

@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۲
💢 مباحث تدریس شده:
✅ چگونگی استفاده به جا از attribute ها
✅ درکی مفهومی تگ‌ها شبیه یکدیگر
✅ تگ های: ins, hr , h1, h2 ,h3 , h4 , h5, h6
✅ نحوه مجاب کردن مرورگر به درک مطلب ما در HTML
✅ مختصر نکاتی اولیه در مورد سئو، SEO
⚠️ کامنت گذاری HTML در حین آموزش فراموش شد در قسمت بعدی توضیح داده می‌شود

#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»

@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین : یک صفحه کاملا پارسی درست کنید، آن‌را متناسب با حالت reader مرورگر firefox کنید و سپس بخش‌هایی را به صورت لاتین اضافه کنید، بدون این که خدشه ای، زبان متون وارد شود. (اهمیت استفاده کمتر از خصوصیت dir در این تمرین مهم می ‌باشد)

#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۳
💢 مباحث تدریس شده:
✅ چگونگی استفاده توضیح یا comment در HTML
✅ لزوم کامنت گذاری در HTML
✅ مفهوم تقسیم بندی صفحه و لزوم استفاده از تگ div
✅ تگ های: em, span, pre
✅ جا به جایی بین صفحات و لینک کردن یا پیوند کردن صفحات با کمک تگ a و توضیح خصوصیت href , traget این تگ


#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین قسمت ۳: یک پروژه حداقل شامل ۳ صفحه با عنوان های: «خانه، درباره‌ی ما، تماس با ما» درست کنید که با یکدیگر پیوند‌(لینک) داده شده باشد و همه صفحات دارای عنوان و تقسیم بندی باشد

#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۴
💢 مباحث تدریس شده:
✅ چگونگی افزودن عکس به صفحات HTML با استفاده از تگ img و توضیحات خصوصیت‌های src, alt, width, height این تگ
✅ لینک کردن عکس ها
✅ استفاده از تگ code
✅ تگ های نقل و قول q, blockquote
✅ استفاده از تگ strong

#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۵
💢 مباحث تدریس شده:
✅ آشنایی با ساختار نگارش CSS
✅ روش اول استفاده از CSS به استفاده از خصوصیت style
✅ معرفی ویژگی های CSS از جمله: background, color, width, height
✅ توضیح در مورد ابعاد px و درصد
✅ چگونه ویژگی‌های متعدد را به یک المان بدهیم

#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین قسمت ۵: یک صفحه‌ی با بک گراند تیره (Dark) درست کنید که نوشته های آن روشن باشدو در درون صفحه ۱۰ پاراگراف ایجاد کنید که ابعاد ان به ترتیب از ۱۰٪ به ۱۰۰٪ افزایش یابد، و آخرین پاراگراف یک با یک اندازه پیکسل درخواه باشد و پاراگراف یک بکگراند و رنگ خاصی داشته باشد.

#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۶
💢 مباحث تدریس شده:
✅ معرفی تگ style برای نوشتن CSS
✅ شروع کار کردن با emmet برای نگارش کد های منظم و طولانی
✅ معرفی تگ های HTML لیست: ul - ol - li
✅ معرفی ویژگی های CSS از جمله: border, padding, margin
✅ شروع استفاده از selector های css
✅ معرفی سلکتور نام تگ

#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین قسمت ۶: یک فهرست تو در تو از خیابان‌های محله زندگی خود را با زیر مجموعه‌هایشان درست کنید که هر لیست یک حاشیه و کادر مناسب برای خواندن داشته باشد.
( حتما از تگ style برای css استفاده کنید)


#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۷
💢 مباحث تدریس شده:
✅ معرفی فایل css و روش افزودن فایل css به فایل
✅ انتخابگر های همزمان در css
✅ معرفی تگ های HTML لیست: table, tr , th, td, tbody, thead, tfood
✅ معرفی ویژگی های CSS از جمله: border-spacing , ادامه padding - margin
✅ استفاده از auto در margin

#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️