آموزش برنامه نویسی HTML و CSS کاربردی
به دوره “برنامه نویسی HTML و CSS” خوش اومدی! توی این دوره قراره باهم یادبگیریم
طراحی سایت یعنی چی. قدم اول در یادگیری برنامه نویسی وب گذروندن این دورست.
در این دوره یاد میگیریم که HTML چیه و چطور باید با HTML چهارچوب یک سایت رو
بزنیم.
بعدش با هم یاد میگیریم تا چطوری به این چهارچوب با استفاده از CSS رنگ و لعاب
بدیم.
و در آخر این دوره قراره تا با هم یک وب سایت معرفی محصول زیبا رو طراحی و کدنویسی
کنیم.
مطمین هستم که اخر این دوره از مطالبی که گفته میشه ، کاملا رضایت داری و به راحتی
میتونی ایده های خودت رو عملی کنی.
درصد پیشرفت دوره : ۱۰۰٪
دوره به صورت کامل ضبط و منتشر شده است.
- مدت زمان24+ ساعت آموزشی
- تعداد دانشجو6000+
- تعداد جلسات78
- سطح مهارتاز صفر تا صد
- زبانفارسی
وضعیت دورهکاملا ضبط و منتشرشده
۳ قسمت از آموزش برنامه نویسی HTMLوCSS کاربردی را رایگان دانلود کنید👇
آموزش برنامه نویسی HTML و CSS کاربردی
- این دوره مناسب تمامی دانش آموزها، دانشجویان، کارآموزان و تمام عاشقان برنامه نویسی و طراحی سایته که میخوان وارد دنیای برنامه نویسی و طراحی وب بشن.
- همینطور اگه با طراحی سایت آشنایی داری یا مثلا با CMS های آماده ای مثل وردپرس بلدی سایت بزنی، با فراگیری این دوره قراره کلی کدنویسی، HTML و CSS یاد یگیری که مهارت خودت رو توی کارت بالا ببری.
- دوستانی که قصد دارند برنامه‌نویسی رو شروع کنند
- دوستانی که قصد شروع برنامه‌نویسی فرانت رو دارند
- دانشجویانی که قصد شروع یادگیری برنامه‌نویسی وب رو دارند
- دوستانی که قصد یادگیری HTML / CSS رو دارند
- دوستانی که دنبال علاقه خودشون در برنامه‌نویسی وب میگردند
- برنامه‌نویسان بک‌اند که قصد یادگیری HTML / CSS را دارند
- طراحان وب که قصد برنامه‌نویسی وب رو دارند
با ثبت نام در این دوره، در ابتدای مسیر با HTML آشنا میشیم، بعدش CSS رو فرا میگیریم و در آخر یک سایت معرفی محصول با هم طراحی میکنیم.اگه طراحی یک سایت رو مثل ساخت یک ساختمون ببینی در حقیقت HTML چهارچوب و اسکلت اون ساختمونه و CSS نمای داخل و بیرون اون ساختمون محسوب میشه.ما با هم یاد میگیریم که چطور یک سایت رو از صفر صفر تا جایی که اون ساختمونمون حاضر بشه بنویسیم.
اصلا مهم نیست که دانش برنامه نویسی تو چقدره. یعنی فرقی نمیکنه که با یکی از زبون های برنامه نویسی آشنایی داری یا نه، یا حتی اصلا تا حالا کد نویسی کردی یا نکردی. در دوره آموزش کاربردی HTML CSS از صفر تا صد بهتون یاد میدم چطور باید به مسلط بشید.
همین حالا روی دکمه “ثبت‌نام” کلیک کن، اسم و ایمیلت رو وارد کن تا کل دوره رو یک جا داشته باشی.
در این دوره بعد از اینکه به مفاهیم اساسی برنامه نویسی HTML و CSS تسلط پیدا میکنیم، ۲ پروژه اصلی داریم که با هم به پیاده سازی آن میپردازیم.
یک وبسایت رزومه شخصی هست
صفحه معرفی محصول مک بوک از وبسایت اپل هست.
دوست داری یه پرش به سمت دنیای برنامه نویسی وب داشته باشی؟ با من همراه شو!
سر فصل‌های دوره (توشه مسیر)
- مقدمه دوره طراحی سایت
- World Wide Web
- تفاوت دیزاین و دولوپ
- برنامه‌نویسی وب
- زبان های برنامه‌نویسی
- HTML/CSS
- فرانت-اند و بک-اند
- فول استک
- آشنایی با HTML
- HTML چیست؟
- آیا HTML یک زبان برنامه‌نویسی است؟
- بررسی تفاوت Text Editor/Code Editor/IDE
- نصب و راه اندازی محیط توسعه VSCode
- نصب افزونه های VSCode
- نصب افزونه های Google Chrome
- HTML چیست؟
- فایل های HTML
- Tag در HTML
- تگ‌های ابتدایی در HTML
- HTML / Head / Body / Title / Hn / P / span / br / hr
- بررسی Attribute و Element
- تگ های مربوط به متن
- کامنت‌ها
- تگ A
- تگ Img
- FavIcon
- تگ‌های مربوط به جداول Table
- تگ Div
- تگ Iframe
- تگ‌های مربوط به فرم Form / Input / Label / Select / Option / Textarea / Button
- تگ‌های ویدیو / صدا
- تگ‌های سمنتیک (معنادار) article / aside / details / figcaption / figure / footer / header / main / mark / nav / section / summary / time
- CSS چیست؟
- انواع سلکتور های CSS
- Element Selector
- ID Selector
- Class Selector
- Universal Selector
- Grouping Selector
- روش های لینک CSS به HTML بصورت Internal / External / Inline
- رنگ و انواع آن (Name / RGB / RGBA / HEX / HSL / HSLA / Gradients)
- رنگ های پیش‌زمینه
- بوردرها
- باکس ها در CSS
- Margin / Padding / Outline
- Width / Height
- CSS های مربوط به Text و Font
- Shadow
- Font Awesome
- Descendant Selector
- Child Selector
- Adjacent Selector
- General Sibling Selector
- Pseudo-Class Selector
- Anchor Pseudo Class Selector
- Pseudo-class and HTML class
- Pseudo-Element Selector
- Attribute Selector
- Links / Lists / Table / Display / Position / Z-Index / Overflow / Float / Opacity / CSS Units / !important
- CSS Math functions
- Transform & Transitions
- Animations
- طراحی واکنشگرا
- Viewport
- Media Queries
- شکستن صفحه
- Responsive Images
- Inspect Element
- پیاده سازی وب سایت رزومه شخصی(https://github.com/badrnezhad/ResumeTemplate)
- پیاده سازی وب سایت تک صفحه‌ای اپل(https://github.com/badrnezhad/AppleMacBookTemplate)
- دامنه
- هاست
- خرید هاست و دامنه
- اتصال هاست و دامنه
- آپلود کدها
- آپلود روی سی پنل
- نتیجه گیری
نظرات همراهان بی‌نظیر هولوسن
محمد دهقاني فرد
"سلام خدمت تيم و همراهان مجموعه هولوسن، من دانشجوي دوره 0 تا 100 كاتلين اين مجموعه هستم، بنظر من بزرگترین امتیاز دوره های هولوسن،پشتیبانی قوی و خوبشون هست من خودم تو نصب و راه اندازی ide به مشکل خورده بودم و تیم پشتیبانی با صبر و حوصله بالا مشکلم رو حل کردن،بنظرم اگر مثل من دوستانی که تجربه برنامه نویسی نداشتن و دنبال دوره ای هستن که از کوچکترین مسائل تا پیشرفته ترینش رو ساپورت کنه و پشتیبانی قوی داشته باشه،شک نکنن بهترین انتخاب تو کل ایران دوره های سایت هولوسن هستن.”
سجاد موسوی
"به نظر بنده مجموعه هلوسن گام بلندی در جهت ارتقای دوره های آموزشی آنلاین
برداشته و در این زمینه تاکنون بسیار موفق عمل کرده . هدفگذاری ، بیان درست و انتقال دقیق
مفاهیم در کنار اجرای پرقدرت مهندس بدرنژاد عزیز از نکات مثبت این دوره ها هستند.
تعامل گروهی و صرف هزینه زیاد در جهت بوجود آمدن چنین دوره های پرباری و کسب رضایت مخاطبان
کاملا مشخص می باشد .
قطعا در آینده ای نزدیک در بالاترین جایگاه تولید آموزش فارسی تیم هلوسن را خواهیم دید.”
عاطفه حیدریان
"چند وقت پیش با پیج اینستاگرام nullDeveloperr آشنا شدم، چند تا از پستهای آموزشی داخل پیج رو که دیدم، متوجه دانش و اطلاعات بالا و مهمتر از اون قدرت بیان فوق العاده استاد بدرنژاد شدم. قبلا طراح برنامه نویس وب بودم و میخاستم سمت اندروید سوییچ کنم. ازشون مشاوره گرفتم و چند ساعت بعد با اطمینان دوره صفر تا صد برنامه نویسی اندروید رو تهیه کردم. دوره شکستن سد برنامه نویسی رو دیدم و الان اواسط دوره جاوا هستم. هر روز از انتخابم راضی ترم و امیدوارم خیلی زود با دیدن آموزش ها و تلاش و تمرین خودم، یه اندروید دولوپر حرفه ای بشم انشاالله. از تیم قوی هولوسن، استاد بدرنژاد و همه پشتیبان ها و عزیزان واقعا ممنونم. انشاالله همیشه شاد، موفق و پر از انرژی مثبت باشید. حتما پس از اتمام دوره، باز هم همینجا نظر و تجربه ام رو به اشتراک میگذارم به امید موفقیت همگی در همه مراحل زندگی حیدریان ”
ویژگی دوره‌های آموزشی
دوره‌های آموزشی هولوسن چه ویژگی‌هایی دارند👇👇👇
آپدیت مادام‌العمر
پشتیبانی VIP
پروژه‌محور
۳ قسمت از آموزش برنامه نویسی HTML CSS را رایگان دانلود کنید👇
سوالات متداول
تنها پیشنیاز شما برای شروع دوره، "علاقه" هست، .دوره به صورت صفر تا صدی است و نیاز به پیشنیاز ندارد
بلافاصله بعد از ثبت نام میتوانید دوره را دانلود کنید.
نظرات
**پرسش و پاسخ** سوال خود را مطرح کنید.
آدرس ایمیل شما منتشر نخواهد شد. فیلدهای الزامی علامت گذاری شده اند *
نظرات