اولین وبسایت خود را در ۱ هفته با HTML5 و CSS3 بسازید.
-
زیرنویس فارسی و انگلیسی
- زندگی فعال
- 26 اپیزود
- 3 ساعت و 10 دقیقه
- سطح مقدماتی
در این دوره چه چیز هایی می آموزید؟
اپیزودها
بیایید نگاهی سریع به آنچه که در طول دوره خواهیم ساخت و ابزارهایی که برای شروع نیاز داریم بیندازیم.
از این پیشنهادات استفاده کنید تا این دوره را با موفقیت پشت سر بگذارید و به زودی سایتهای فوقالعادهای بسازید
بیایید به Bootstrap بپردازیم و اولین سایت شما را راهاندازی کنیم.
مستندات HTML ممکن است پیچیده به نظر برسند، اما در واقع بسیار سادهاند. در این ویدیو آنها را تجزیه و تحلیل میکنیم.
بوت استرپ چندین قالب را ارائه میدهد تا شما بتوانید فرآیند ایجاد سایت خود را آغاز کنید. ما یاد خواهیم گرفت که چگونه هر یک از این قالبها را که میخواهیم انتخاب کنیم.
در این درس، ما به بررسی نحوه ترکیب الگوها، استفاده از ابزارهای توسعه Chrome و بهرهبرداری از کامپوننتهای بومی Bootstrap میپردازیم تا بتوانیم به سرعت سایت را راهاندازی کنیم.
div ها در تمام اسناد HTML وجود دارند. با شناخت div ها، شما مانند یک جادوگر HTML خواهید شد. قدرت را احساس کنید!
CSS سبک سایت شما را کنترل میکند. اولین قانون CSS خود را ایجاد کنید و سایت خود را از متن خستهکننده به کیفیت جذاب استارتاپ تبدیل کنید.
بیایید یک لحظه کوتاه را برای یادگیری بیشتر درباره CSS اختصاص دهیم
اگر تا به حال نام استیو جابز را شنیدهاید، میدانید که فونتها در طراحی یک محصول بسیار مهم هستند. بیایید یاد بگیریم که چگونه هر فونتی که میخواهید را به وبسایتتان اضافه کنید.
هر عنصر HTML یک جعبه مستطیلی است. این را بفهمید و همچنین با حاشیه، پدینگ و مرز آشنا شوید و شما در راه تبدیل شدن به یک نینجا در وبسایتسازی هستید
بیایید بررسی کنیم که چگونه میتوان تصاویر را به سایت خود اضافه کنیم تا واقعاً برجسته شود، هم از طریق HTML و هم از طریق CSS. و حالا این بخش بالا تمام شد. به خودت تبریک بگو!
بیایید به سیستم شبکه بوتاسترپ بپردازیم تا بتوانید یاد بگیرید چگونه سایت را دقیقاً به شکلی که میخواهید طراحی کنید. با درک اضافی از فلوترها میتوانید هر سایتی با ظاهر پیچیده بسازید.
از لینکها برای کنترل جریان کاربران به و از طریق سایت خود استفاده کنید. در این درس انواع مختلف لینکها را بررسی میکنیم.
نحوه استفاده از Google Forms را بیاموزید. ابزاری عالی و رایگان برای دریافت بازخورد از کاربران سایت شما و ایجاد حس تعامل در سایتتان.
فونت awesome به شما این امکان را میدهد که آیکونهای با کیفیت حرفهای را به راحتی و به صورت رایگان به سایت خود اضافه کنید تا به آن جلوهای بیشتر بدهید.
تگهای به شما این امکان را میدهند که عناصر درون خطی را استایلدهی کنید. از آن استفاده کنید اگر میخواهید برخی از کلمات، عبارات یا عناصر درون خطی دیگر را با رنگ یا استایل متفاوتی برجسته کنید.
از طریق کار بر روی بخشInvolved ما بسیاری از خصوصیات CSS مبتنی بر متن را یاد میگیریم و مرور میکنیم و همچنین میبینیم که چگونه میتوانیم یک قانون CSS مشابه را به چندین عنصر HTML مختلف اعمال کنیم.
بیایید یاد بگیریم چگونه عناصر بلوکی را در مرکز قرار دهیم
در این درس شما قدرت اختصاص دادن کلاسها به عناصر را خواهید دید زمانی که میخواهید چندین عنصر سبک مشابهی داشته باشند. این یک چیز زیباست!
اکنون ما در حال طراحی و زیباسازی لینکها هستیم تا زمانی که کاربران روی آنها قرار میگیرند، معرفیای از کلاسهای شبه دریافت کنند.
بیایید یاد بگیریم چگونه رنگهای پسزمینهی تمام عرض را طراحی کنیم تا کمی زیبایی ظریف به طراحیمان ببخشیم.
در این درس در مورد مزایای شناسهها و زمان استفاده از آنها در مقابل کلاسها یاد خواهیم گرفت.
یک استایل سریع برای بخش پاورقی و شما اولین وبسایت خود را دارید. برقصید!
ما سایت را در تمام دستگاهها با طراحی واکنشگرا زیبا خواهیم کرد و مقدمهای از دنیای شگفتانگیز جاوااسکریپت به شما خواهیم داد.
تبریک میگویم به خاطر اتمام دوره! حالا، از اینجا کجا برویم؟
اکشن های دوره
توضیحات دوره
"این واقعاً فوقالعاده است. کار شگفتانگیزی کردی مرد. این از کد آکادمی بهتر است!" - جوش هنلر، بنیانگذار RoomScapeU.com
----------------
احتمالاً سریعترین راه برای یادگیری ساخت وبسایتهای حرفهای برای مبتدیان، غیرprogrammerها و کارآفرینان
بنابراین شما میخواهید یاد بگیرید چگونه وبسایت بسازید اما مطمئن نیستید چگونه.
خوب .... شما میتوانید مثل من عمل کنید و ماهها در مورد هر گوشه و کنج HTML و CSS یاد بگیرید قبل از اینکه حتی اولین وبصفحه خود را راهاندازی کنید. این میتواند به ناامیدی، احساس تنش و احتمال بالایی منجر شود که بدون سایتی برای نشان دادن کنار بگذارید.
یا...
شما میتوانید شروع به یادگیری کنید و وبسایت اول خود را همین هفته راهاندازی کنید.
اگر میخواهید چیزی را به سرعت یاد بگیرید، باید از ابتدا وارد عمل شوید و دلتون رو به دریا بزنید. آیا تا به حال متوجه شدهاید که واقعاً چیزی یاد نمیگیرید تا زمانی که واقعاً سعی کنید آن را انجام دهید و از نزدیک آن را تجربه کنید؟
خوب، دقیقاً همین کار را در این دوره خواهیم کرد. شما این هفته با ساخت وبسایت اول خود یاد خواهید گرفت.
و نگران نباشید اگر HTML و CSS یا وبسایتها به طور کلی شما را ترساندهاند. یادگیری ساخت وبسایتها در واقع بسیار آسانتر از آن چیزی است که فکر میکنید... اگر به درستی آموزش ببینید و من در تمام مدت در کنار شما خواهم بود. شخصاً به همه سوالات شما و سایر دانشآموزان پاسخ میدهم.
از طریق یادگیری مبتنی بر پروژه و استفاده از ابزارهای قدرتمند و رایگانی که به صورت آنلاین وجود دارد، به شما خواهیم آموخت که چه چیزی را باید بدانید تا به سرعت سایتهای فوقالعاده ایجاد کنید و از تلاش برای یادگیری HTML و CSS برای همیشه ناامید نشوید (اینجا صدا را وارد کنید) بدون اینکه سایتی داشته باشید که به آن نشان دهید.
حقیقت ساده این است که بیشتر دورهها و مدرسین در تلاشند تا خیلی زود، چیزهای زیادی به شما یاد بدهند، چیزها را به ترتیب صحیح آموزش نمیدهند، یا گاهی حتی به نظر میرسد که عمداً مواد را خیلی سخت میکنند.
با این دوره به شما قول میدهم که یاد خواهید گرفت چگونه وبسایت بسازید و آنها را آنلاین کنید، در کمتر از 10 ساعت کار در مجموع.
فقط به آنچه دانشآموزان میگویند نگاهی بیندازید: "7 درس اول را انجام دادم و واقعاً میتوانم چیزی بسازم و آن را متوجه شوم! اولین میلیونی که به دست میآورم به این دلیل است که شما در زمان مناسب آمدید! زمانبندی نمیتوانست بهتر از این باشد." - تونی براردی
"من توانستم یک وبسایت تک صفحهای برای یکی از مشتریانم بسازم و از آنچه در این دوره آموختم، مقداری پول به دست آوردم." - جی مایو
"دوره راه فوقالعادهای برای یادگیری سریع و مؤثر نحوه کدنویسی در HTML و CSS بود. واقعاً از کمکهای مدرسین لذت بردم." - جاناتان بارا
"من فکر میکنم این دوره بسیار تازهکننده، سریع و هیجانانگیز بود. واقعاً از جنبه عملی دوره که میتوانستی در لحظه تغییری ایجاد کنی و نتایج را بلافاصله ببینی، لذت بردم." - جیمی اسمیت
"من تقریباً تمام ویدیوهای Bootstrap 2 و 3 که در یوتیوب موجود است را دیدهام و میتوانم تضمین کنم که ویدیوهای شما در میان بهترینها هستند. من بسیار سپاسگزار 'چیزهای کوچک بزرگ' شما هستم که به من آموزش دادهاید." - راک سانتوس
آنچه شما یاد خواهید گرفت:
- اصول بنیادی: من به شما آموزش میدهم که چگونه از یک ویرایشگر متن استفاده کنید و اصول HTML و CSS را بیاموزید تا بتوانید هر سایتی را که میخواهید راهاندازی کنید و آماده آزمایش با پیشرفتهترین مفاهیم باشید.
- توسعه سریع: با یادگیری نحوه استفاده از فریمورکها و ابزارهای قدرتمندی مانند Bootstrap، Font-Awesome، Google Forms و غیره، قادر خواهید بود سایتهای با کیفیت استارتاپی را به سرعت راهاندازی کنید.
- HTML5 و CSS3 برای اینکه ساییتان جدید و تازه به نظر برسد. شما قوانین و شیوههای جدیدترین زبانها را یاد خواهید گرفت. اینجا آموزشهای قدیمی یا سایتهای به سبک دهه 1990 وجود ندارد!
- طراحی ریسپانسیو: طراحی برای وب دیگر فقط برای کامپیوتر یا لپتاپ شما نیست. ما به شما طراحی ریسپانسیو را آموزش میدهیم تا ساییتان بر روی تمام دستگاهها عالی به نظر برسد.
- تمرین بدون ریسک: چگونه از ابزارهای مرورگر استفاده کنید تا بازی کنید و تغییرات زنده را در سایتها ببینید تا بتوانید سریعتر یاد بگیرید و HTML و CSS سایتها را بررسی کنید. بهترین وبسایتهای زیبا
- تصاویر زیبا: شما یاد خواهید گرفت که چگونه گرافیکها و آیکونهای حرفهای را به صورت رایگان در وبسایت خود بگنجانید.
- انواع مختلف CSS و HTML که هنگام ساخت وبسایتها استفاده خواهید کرد
- لینکها، فهرستها، طرحبندیها، تصاویر و بسیاری دیگر. **و من در جایی که بیشتر دورههای دیگر متوقف میشوند متوقف نخواهم شد. من به شما آموزش میدهم که چگونه به سرعت وبسایت خود را به صورت آنلاین و رایگان راهاندازی کنید.**
- میزبانی رایگان: چگونه بیش از 100 دلار در سال هزینههای میزبانی را صرفهجویی کنید.
- استقرار فوری: چگونه وبسایت خود را به سرعت به صورت آنلاین میزبانی کنید. **زمانی که این دوره را تمام کردید...** HTML و CSS دیگر برای شما یک زبان خارجی نخواهد بود. در عوض، شما قبلاً وبسایت اول خود را ساختهاید و مهارتهای لازم برای ساخت بسیاری دیگر را دارید. شما یکی از 1% افرادی خواهید بود که واقعاً میدانند چگونه چیزها را به صورت آنلاین بسازند و یک مجموعه مهارت جدید که میتواند زندگی شما را تغییر دهد
- قدرت کدنویسی و خلق کردن. با دانش جدیدی که درباره HTML و CSS به دست آوردهاید، قادر خواهید بود خود را در جستجوی شغل از دیگران جدا کنید، به دنبال علاقهتان بروید، مسیر شغلی جدیدی را بررسی کنید، امکانها بیپایان هستند. **پس چرا امروز ثبتنام نکنید؟** چرا امروز برای آیندهتان سرمایهگذاری نکنید؟ بر روی دکمه کلیک کنید تا همین حالا یادگیری را آغاز کنید.
✅ این دوره برای چه کسانی مناسب است؟
- کامپیوتر
- اتصال به اینترنت - که اگر در حال مشاهده این هستید، دارید ;)
- تمایل به یادگیری سریع چیزی
✅ این دوره چه پیشنیازهایی دارد؟
- 🔷مبتدیان
- 🔷غیر برنامه نویسان
- 🔷کارآفرینانی که می خواهند ایده های خود را به صورت آنلاین آزمایش کنند.
- 🔷دانش آموزانی که علاقه مند به ساختن چیزهای آنلاین هستند.
دانشجویان دیگر خریده اند
- 13 اپیزود
- 1 ساعت و 6 دقیقه
- سطح مقدماتی
- 1 اپیزود
- 37 دقیقه
- سطح مقدماتی
- 1 اپیزود
- 23 دقیقه
- 10 جلسه
- 15 ساعت
- سطح مقدماتی
- 25 اپیزود
- 1 ساعت و 18 دقیقه
- سطح مقدماتی
- 67 اپیزود
- 12 ساعت و 18 دقیقه
استاد دوره
کامنت ها
هشتگ ها
-
26 اپیزود در مجموع 3 ساعت و 10 دقیقه
-
1 دانشجو
-
قابل پخش در همه ساعات شبانه روز
-
قابل استفاده روی تلفن همراه و رایانه
-
گواهینامه پایان دوره ماراد
کامنت شما با موفقیت ارسال شد
ثبت گزارش دوره
برای ارسال گزارش میبایست ابتدا وارد شوید
گزارش شما با موفقیت ارسال شد
ورود / ثبت نام
برای فالو کردن استاد ابتدا وارد شوید
ثبت نام در دوره
برای مشاهده این اپیزود باید در دوره ثبت نام کنید.