این پست جهت دسترسی آسان به منابع آموزشی، دورها و محتوای چنل هستش🔥
*(این پست به مرور آپدیت میشه)

🛜 دوره جامع طراحی قالب فروشگاهی با HTML,CSS,JS

برای دسترسی به دوره از هشتگ #htmlcss استفاده کنید

نکات مهم دوره طراحی قالب فروشگاهی

• توضیحات و نکات دوره طراحی قالب فروشگاهی

نمونه ویدئوهای دوره طراحی قالب فروشگاهی

• ویدئو 1 , ویدئو 2 , ویدئو 3 , ویدئو 4 , ویدئو 5

شروع سرفصل‌های دوره طراحی قالب فروشگاهی:

• توضیحات دوره , فصل اول , فصل دوم , فصل سوم , فصل چهارم , فصل پنجم (فصل آخر)
• کل دوره به صورت یکجا

پروژه تمرینی بعد از اتمام دوره طراحی قالب فروشگاهی:

• 📌توضیحات , فایل اول 🗂 , فایل دوم 🗂

چنل یوتیوب:
https://www.youtube.com/@JSKernel

رفقای عزیز توی این پست میخوام درباره دوره پروژه محور htmlcss توضیحی بدم، تا شما اطلاعات لازم و داشته باشید.

1️⃣ : این دوره چی هست و چه چیزایی رو یادمیگیریم؟

✅ توی این دوره اصول طراحی یک قالب لندینگ پیج، با استفاده از HTML,CSS و یادمیگیرین :))))

✅ این دوره قرار نیست مفاهیم جدیدی از HTML,CSS به شما آموزش داده بشه، ولی در عوض کمکتون میکنم با استفاده از دانشی که کسب کردین به مرحله‌ایی برسید که هر قالبی رو مناسب با بازار کار به صورت کامل طراحی کنین، و کلی ذوغ ازش ببرین.
——————————————————
✅ توی این دوره نحوه کار کردن با نرم افزار طراحی UI&UX فیگما رو به شما آموزش میدم تا بدونید به عنوان یک Junior Developers چطوری ازش استفاده کنید.

✅ روش اصولی نام گذاری کلاس‌ها

✅ نحوه ساختار بندی سند HTML و مدیریت راحت اون با استفاده از تگ های معنی دار

✅ ساخت system grid

و خیلی چیزهای دیگه که گفتنش اینجا واقعا نمی گنجه

2️⃣ : دوره به درد چه افرادی میخوره؟

♻️ افرادی که قصد دارن صفر تا صد طراحی یک قالب و به صورت اصولی و واکنش گرا یاد بگیرن، این دوره خیلی براشون کاربردیه.
——————————————————
* ( چون معمولا توی دورهای آموزشی و پروژه محوری که من دیدم نمیان به شما به صورت کاملی نحوه ساختار یا Structure یه پروژه واقعی با HTML,CSS رو نشون بدن، و صرفا دوره رو با چندتا پروژه عملی به اتمام میرسونن )

3️⃣ : دوره در چه سطحی هستش؟

Middle

4️⃣ : پیش نیازهای دوره چیه؟

💯 پیش نیازهای این دوره بلد بودن دو تکنولوژی پایه وب ( HTML,CSS ) بعلاوه Flexbox هستش. *( داخل ویدو هم بهش اشاره کردم ).

5️⃣ : چطور دوره به دست شما میرسه؟

📫 دوره سکشن به سکشن داخل همین چنل همراه با تمامی فایل‌ها در اختیارتون قرار میگیره ;)))

6️⃣ : نکات دوره :

📌 توی این دوره سعی شده تا جایی که میشه از بروز ترین تکنولوژی‌ها و ابزارها استفاده کنیم.
————————————————————
و در انتها اگه دوست دارین مسیر یادگیری توی حوزه وب رو دنبال کنین, این شروع مسیر هستش و توی این مسیر قراره با هم دیگه کلی چیز مفید یادبگیریم.

حتی شمایی که میخوای با فریمورک‌های CSS در آینده رو به رو بشی و با استفاده از اونها قالب سایتتو بسازی این دوره خیلی برات کاربردیه چون یه ذهنیتی از نحوه کار کردنشون برات ایجاد میشه.

پس اگه میخوای خفن تر ظاهر بشی و با این فریمورک‌ها قالب پروژهاتو بسازی، نیازه که اولش ساخت قالب با HTML,CSS رو یادبگیری

2-Section-tools-and-project-file

نمونه ویدئو دوره htmlcss

@JSKernel

3-Section-media-queries

نمونه ویدئو دوره htmlcss

@JSKernel

رفقا قراره کلی دوره رایگان و مفید براتون قرار بدم
دورهایی که خودم ضبط میکنم :))

5-Section-layout-system & row-column

نمونه ویدئو دوره htmlcss

@JSKernel

🛜 رفقا یه سری نکات درباره ویدئوهایی که ارسال میشه بگم

این ویدئوها برای نمونه ارسال میشه تا اگه ایرادی هست برطرف بشه، و خود فایل اصلی کورس رو که این محتوا هم شاملش هست داخل یه فایل zip براتون قرار میدم

احتمالا موقعی که بخوام دوره رو در اختیارتون قرار بدم یه چنل مجزا براش بزارم تا محتوای این چنل باهاش تداخل پیدا نکنه.

پس اگه مشکلی درباره ویدئوها هستش حتی نحوه تدریس داخل بخش کامنتا بگین که برای ویدئوهای بعدی برطرف بشه.

سعی کردم تا جایی که امکان داره کیفیت صدا رو بهتر و حجم ویدئوها رو کمتر کنم.❤️

رفقا یه مسئله‌ای که قبلا هم براش توضیح دادم و دوباره میگم

سکشن اول دوره هنوز تموم نشده و این ویدئوهایی که قرار دادم بخشی از سکشن اول دوره هست

کلا 7 الی 8 ویدئو میشه سکشن اول، و وقتی تکمیل بشه داخل چنل به صورت فایل zip قرار میگیره
این ویدئو هایی ک گزاشتم برای آشنایی شما با دوره هستش و اینکه اگه مشکلی داره بگین که برطرفش کنم

@JSKernel

و اینکه یه لطفی کنید ویدئو اول دوره رو انتشار بدین تا بقیه هم بهش دسترسی پیدا کنن

چون مطمئنم موضوع دوره مسئله خیلی از تازه کار ها هستش