این دوره مطالبی را که بصورت تئوری بررسی می کنید، در قالب ساخت اولین پروژه واقعی شما ارائه می دهد. اگر به دنبال یادگیری طراحی صفحات وب و تکنولوژی های وب هستید این دوره اولین قدم در مسیر یادگیری شما خواهد بود.
پیشنیازها
پروژه
از طریق لینک زیر می توانید تصویر پروژه ای را که در این دوره بر روی آن کار می کنیم را مشاهده کنید.
مواد درسی
| موضوع جلسه | مدت زمان ویدیو |
|---|---|
| مقدمه | 5 دقیقه |
| شروع کار با HTML (ساختار یک سند HTML) | 27دقیقه |
| پیاده سازی ساختار پروژه (نحوه نگاه به طرح در زمان پیادهسازی، استفاده از تگ های معنادار و …) | 28دقیقه |
| اضافه کردن CSS (اعمال استایل بر روی هدر سایت) | 38 دقیقه |
| نحوه کار مرورگر (معرفی DOM، معرفی ابزار توسعه دهندگان وب و …) | 20 دقیقه |
| پیاده سازی کامل صفحه اصلی پروژه (گام های عمومی در پیاده سازی) | 38دقیقه |
| صفحه درباره ما (استفاده درست از تگ های عنوان، لیست ها و فونتها و نکات اولیه سئو در متن) | 22 دقیقه |
| صفحه تماس با ما (جداول و فرمها) | 22 دقیقه |
| اضافه کردن تعامل در سایت با استفاده از جاوااسکریپت | 9 دقیقه |
| کامل سازی پروژه (فشرده سازی، اعتبارسنجی و … ) | 22 دقیقه |
دانلود دوره
این دوره حدودا دو سال در ازای پرداخت هزینه ای قابل دانلود بود اما از خرداد ماه 1399 بصورت رایگان در اختیار عزیزان قرار گرفته است.
من به شخصه جدیدا با این وبسایت اشنا شدم واقعا آموزش هاتون عالیه این دومین کورس هستش که از این وبسایت تهیه میکنم و ممنونم از وبسایت خوبتون
سلام و خسته نباشید من واقعا به این نیاز داشتم :)
سلام جناب سیدی خواهش میکنم یه دوره تخصصی جی کوئری و جاوا اسکریپت برگزار کنید
اصلا آموزش مناسبی در زبان فارسی نیست
سلام، ما دو ساله به بچه ها داریم میگیم در آینده نزدیک و واقعا هم میخوایم که انجام بشه ولی متاسفانه نشده. امیدوارم هرچه زودتر این اتفاق بیفافته. ولی واقعیش اینه که اگر شرایط من همینطور که الان هست بمونه، نزدیکیم به این دوره.
عالیه که😍😍
برو سایت zicco
سلام استاد سیدی، وقت بخیر.
اول از همه دوست داشتم بگم که سایتتون واقعا عالیه.
من مطالب موجود در لیست آموزشی سایت رو مطالعه کردم، دوره صفحه آرایی واکنشگرا رو هم از سایت شما گذروندم.آیا این دورۀ جدیدی که در سایت قرار دادید میتونه برای من مفید باشه؟(از جهتی این سؤال رو مطرح میکنم که نام دوره، “دوره مقدماتی طراحی وب” هست)
سلام، وقت شما هم بخیر.
نه نیازی نیست، این دوره قبل از دوره صفحه آرایی باید گذرونده بشه. اکثر ماها وقتی مطالب اولیه طراحی وب رو میخونیم (مثل مطالب فصل اول تا هفت)، دستمون به کدنویسی نمیره، و وقتی طرحی رو بخوایم پیاده کنیم اصلا نمیدونیم باید از کجا شروع کنیم. و به چه صورت به طرح نگاه کنیم.
این دوره این نیاز رو بر طرف میکنه. ولی اصول صفحه آرایی رو وارد نمیشه که مبحث برای افراد تازه کار پیچیده نشه. ولی به خوبی آمادشون میکنه برای مرحله بعد که یادگیری صفحه آرایی هستش.
براتون آرزوی موفقیت میکنم.
سلام.استاد براتون ایمیل فرستادم.میشه چواب بدین.ممنون
سلام دوره حرفه ای طراحی وب هم دارید
سلام وقت بخیر
امکان خرید یکی دو تا ویدیوی آخر فقط هست ؟ تشکر
اگر بشه تو پروژه ها از less یا sass استتفاده بشه توی دوره بعدی عالیه و بعد هم دوره جاوا اسکریپت و فریم ورک هایی مثل ری اکت و انگولار و ..
شما ویدیوهای این دوره رو دیدین؟ چطور بود؟ کم و کاستی ها شو بگین تا توی دوره های بعدی برطرف کنیم.
بحث sass و js هم توی برنامه ریزی هامون هستش. ان شالله که زودتر بتونیم انجامش بدیم.
سلام نه هنوز میخوام تهیه ش کنم حتما سه تا دوره موجود رو میخرم و انشاءلله هم دوره های بعدی
ما منتظر پیشرفته هستیم
بچه ها لیست دوره هایی که دوست دارید داشته باشید رو بگید، چون من الان دارم لیست دوره هایی که میخوام بسازم رو اولویت بندی میکنم.
سلام.اقای سیدی این دوره اصلا به کار من نیومد..من فکر میکردم مطالب فصل 1 تا 7 رو با جزییات و با مثال توضیح میدین
سلام، من توی ایمیلی که به من زدین گفتم که شما به این دوره نیازی ندارید. و سرفصل ها رو هم من نوشتم. مطالب اون فصول جزییاتش توی مقالات هست دیگه نیازی به توضیح دوباره توی ویدیو نیست.
برای اینکه پولی که دادید هم از بین نره برای دوره بعد می تونید این موضوع رو یادآوری کنید تا تخفیفی داشته باشید.
موفق باشید.
در کل برای بقیه دوستان:
همونطور که توی ویدیو مقدمه این دوره گفته شده باید مطالب سایت رو بخونید و این دوره از دسته ای از اونا استفاده میکنه که یک پروژه رو پیاده سازی کنه. که شما نحوه به کار گرفتن مطالب رو بببنید و همینطور با ساختار یک پروژه آشنا بشید.
سلام اقای سیدی
ممنونن بابت زحماتی که برای ما علاقه مندان به طراحی وب میکشید
من چند وقته که با jquery کار میکنم
ولی شنیدم از وقتی vuejs اومده jquery به حاشیه رفته
به نظرتون jquery رو ادامه بدم یا با jquery خداحافظی کنم؟
بعد از این همه وقتی که برای یادگیری jquery گذاشتم
سلام، به نظر من هر دو رو یاد بگیرید.
سلام.
من هی میخوام طراحی وب رو یاد بگیرم…
یکم که درباره ش میخونم یا جایی از اموزش رو نمیفهمم کلا انگیزه مو برای ادامه راه از دست میدم! :D البته علاقه دارما ^-^
دوستان دعام کنید من هم بتونم به جامعه وب دولوپرها بپیوندم :D
از اقای مجتبی سیدی هم به خاطر تلاش هاشون واقعا سپاسگزاریم
الهی آمین :)
سلام من این آموزش رو خریدم ولی برای دانلود مشکل دارم
سلام، چه مشکلی؟ من همین الان دانلود کردم و سرور و فایل ها بدون مشکل کار کردند. احتمال داره مشکل از کانکشن اینترنتتون باشه.
سلام. آقای سیدی این “آموزش ها بخش پیشرفته اش رو نداره؟
اینا رو که دیگه همه میدونن. حتی توی سایت های دیگه رایگان هستن.
سلام استاد، وقت بخیر، سال نوی شما مبارک.
در چند پست بالاتر فرموده بودید که :”لیست دوره هایی که دوست دارین داشته باشید رو بگید.”
من خیلی نیاز دارم که جاوااسکریپت و jQuery و react و nodejs رو یاد بگیرم، و از آنجایی که css ام رو با دوره های واقعا عالی شما گذروندم و الان هم واقعا راضی هستم، امیدوارم این دوره ها رو در لیستتون در اولویت قرار بدید.
سپاس فراوان
عذر میخوام wordpress و PHP رو فراموش کردم بگم.
سلام استاد.دوره وردپرس و پی اچ پی رو خواهشا اموزش بدین
سلام
من این دوره رو خریدم. ولی فیلم lets-get-started خراب هست و extract نمیشه.
یک ایمیل هم زدم خدمتتون.
متشکر
سلام، من پاسخ ایمیلتون رو همون روز دادم احتمال داره که اسپم شده باشه.
احتمالا مشکلی در کانکشنتون در زمان دانلود بوجود اومده و فایل خراب شده. دوباره دانلود کنید دوره رو مشکل حل میشه.
موفق باشید
درست شد
متشکر
با سلام و تشکر از شما بابت مطالب خیلی جذابی که در سایت قرار می دید هر باره
سئوال و درخواستی داشتم که نتونستم توی سایت جای مناسب تری رو برای مطرح کردنش پیدا کنم و اونم درخواستی مبنی برو ارائه توضیحات و آموزش هایی برای طراحی قالب در وُردپرس هستش.
ممنون میشم اگه بدین منظور مطلبی رو قرار بدین و گام های آموزشی برای آن را بفرمایید.
من html. css, jquery, js رو بلدم، اما نمی تونم قالب وردپرسی درست کنم، به نظرم یادگیری آن مفید هستش و مورد استقبال دوستان هم قرار خواهد گرفت.
من آموزش خریداری کردم ولی لینک هایی که به ایمیلم ارسال شده اجازه دانلود بهم رو نمیدن
در زمان تراکنش مشکلی پیش اومده که گاهی به وجود میاد توسط درگاه بانک، الان احتمالا پول از حساب شما کم شده ولی تا 24 نهایتا به حسابتون برمیگرده و می تونید دوباره خریداری کنید.
در ضمن من ایمیلی الان براتون ارسال میکنم چک کنید.
سلام مجدد آقای سیدی عزیز پیام برداشت از کارت به گوشیم ارسال شده
سلام آقای سیدی عزیز. من دوبار آموزش مقدماتی تون خریداری کردم ولی نه پولم به حسابم برگشته و نه چیزی دانلود کردم رسیدگی کنید با تشکر فراوان
سلام، من 23 ساعت پیش به شما ایمیل زدم در این مورد. پوشه اسپم رو هم چک کنید.
سلام من این آموزش را خریدم ولی صدا نداره با هر برنامه ای باز کنم صدا نداره!!!!!!!!!!!!
سلام، این دوره رو خیلی ها توی این چند ماه دانلود کردند و دارند استفاده میکنند تا حالا کسی همچین چیزی نگفته، لطفا بیشتر بررسی کنید.
بله درست شد ممنونم
سلام بر مهندس سیدی؟ یه سول دارم خواهشا جواب بدین. میتونید آموزش لایک مطالب سایت خودتون رو برامون به اشتراک بزارین؟
سلام، وقت شد چشم ولی توی اینترنت نحوه ساخت دکمه لایک توییتر رو سرچ کنید (به انگلیسی) یک چیزایی دستگیرتون میشه.
من زبان های html css js phpرو خوب یاد میگرم ولی مشکل اینجاست هر کدومو یاد میگیرم میرم سراغ بعدی قبلیه حدود 40درصدش یادم میره راهکارتون چیه بنظرتون چکار کنم.
تنها راهش کار کردن باهاشونه، شما باید دائما درگیر اون زبان باشید چه پروژه ای چه تمرینی و فقط جهت سرگرمی. راه حل دیگه ای نیست.
سلام خسته نباشید امکانش هست برای آموزش 0 تا 100 css یک آموزش تصویری هم در نظر بگیرید؟
سلام، امکانش هست ولی خودم بیشتر ترجیح میدم بصورت مبحثی این کار رو انجام بدم که بتونم دقیق تر و عمیق تر یک مبحث رو مطرح کنم. از اونطور دوره ها توی سایت های دیگه هستش میتونید استفاده کنید و اگر نیاز به بررسی بیشتر داشتید به دورهای این سایت مراجعه کنید.
آقا در یک کلام بی نطیر
در خرید این دوره شک نکنید بسیار بسیار راتون میندازه
عاااالی من که سریع رفتم دوره بعد رو تهیه کردم چون مدرسش بسیار مسلط هست و بسیار حرفه ای
دوستان اگر میخواهید در حوزه وب فعالیت کنید این سایت با دوره هاش بسیار کمک حالتون خواهد بود و در آینده تون تاثیر داره.
در خرید دوره های این سایت شک نکنید :)
خوشحالم مفید بوده و امیدوارم دورههای بعدی هم کمکتون کنه.
سلام و خسته نباشید آقای سیدی. من بتازگی شروع به یادگیری کردم. مطالب و ویدیوها عالی هستن از نظر من. خیلی کمکم کرد… واقعا مرسی :)
فقط یه پیشنهادی دارم. میشه از Javascript هم مثل ویدیوهای Css آموزش تصویری برامون بذارید؟؟؟ ویدیوهاتون سرعت یادگیری منو واقعا بالا برد
اقای سیدی واقعا سایت خوبی دارید…فقط این دوره متاسفانه چه به صورت انلاین تماشا خواستم بکنم و چه به صورت دانلودی تماما بی صدا بوده…امیدوارم زودتر مشکلش حل بشه …فقط تیتراژ اول ویدیوها صدا داره….
سلام، نمیدونم راستش مشکل از کجاست چون بقیه دارند استفاده میکنن.
سلام اقای سیدی
برای آموزش جاوا اسکریپت هم برنامه ای مد نظر دارین؟
چه مدت طول میکشه آموزش جاوا اسکریپت هم در سایت اضافه بشه؟
سلام، نه فعلا برنامهای نیست.
سلام آقای سیدی من از شما ممنونم بخاطر توضیح و آموزش های خوبتون اما از طرفی ناراحت شدم در رابطه با دوره مقدماتی طراحی وب من به مشکلی برخوردم که به ایمیل شما پیامی فرستادم جواب ندادین و همینجاهم سوالم رو پرسیدم اما انگار پیام من رو پاک کردن من داشنجو هستم و سوالی که داشتم رو از چندتا از استادها پرسیدم که متاسفانه اونا هم جواب من رو ندادن اگر جوابم رو بدین لطف میکنین
زیر پست دیگه که پیام گذاشتین الان جواب دادم.
با سلام من هم مشکل عدم پخش صدا را دارم چه در حالت آنلاین وچه پس از دانلود.فقط موسیقی اول هر کلیپ صدا داره !!!!!
عذر میخواهم چرا فیلم این دوره دیگه در دسترس نیست جای دیگری هست که بتوانم فیلم رو تهیه کنم ؟ ممنون میشم جوابم روبدید
اینجا میتونین ویدیوها رو ببینین: https://css-tricks.ir/?p=8554
قسمت هاییش رو هم گذاشتم روی یوتیوب که بزودی تکمیل میشه: https://www.youtube.com/@mojtabaseyedi