درباره دوره: این روزها کمتر کسی را می‌توان پیدا کرد که به دنبال راه‌اندازی یک سایت برای کسب‌وکار خود نباشد و این یعنی بازار کار متخصصین وب داغِ داغ است. اولین قدم برای ورود به دنیای وب یادگیری HTML استخواهد بود. HTML نوعی زبان برنامه‌نویسی ساده (البته از آن به‌عنوان زبان نشانه‌گذاری محتوا یاد می‌شود) و بسیار کاربردی که حتی بزرگ‌ترین متخصصان وب هنوز هم اطلاعات خود را درباره آن به‌روز می‌کنند. این زبان ساختار وب‌سایت را می‌سازد و آن را تبدیل به چیزی می‌کند که مخاطبان می‌بینند. پس می‌توان یادگیری آن را برای هرکسی که دوست دارد به یک برنامه‌نویس وب‌سایت تبدیل شود، ضروری دانست. دوره آموزش رایگان html از مجموعه دوره‌های آموزش برنامه نویسی و آموزش طراحی سایت مکتب خونه با هدف آموزش این زبان پایه و مهم گرد آوری شده است که در ادامه به معرفی آن خواهیم پرداخت. HTML مخفف عبارت Hyper Text Makeup Language یا زبان نشانه‌گذاری فوق متن است که در آن بخش‌های مختلف وب‌سایت مشخص می‌شوند. این زبان چیزی است که مرورگرهای وب می‌فهمند و درنهایت همه زبان‌های سمت سرور یا هر زبان دیگری که ساختار وب‌سایت با استفاده از آن ساخته‌شده باید به HTML تبدیل شود تا کاربران بتوانند با وب‌سایت ارتباط برقرار کنند. در HTML بخش‌های مختلف وب‌سایت با استفاده از تگ‌ها از هم جدا می‌شوند و در هر تگ عناصر مختلف صفحه تعیین می‌شود خواهد شد تا درنهایت جداول، عکس‌ها و متونی که ما در هر سایت می‌بینیم، شکل بگیرد. دوره آموزش HTML دریچه اصلی برای ورود به دنیای برنامه‌نویسی وب‌سایت یا به اصطلاح طراحی سایت است. هدف اصلی از این دوره آموزش رایگان html دوره تسلط شما بر روی مفاهیم HTML و پیاده‌سازی بخش ظاهری یک وب‌سایت از ابتدا تا انتهاانته خواهد بوداست. مثال‌های عملی و کاربردی که در طول دوره ارائه می‌شود، شما را با مشکلاتی که ممکن است در آینده به آن‌ها برخورد کنید آشنا کرده و پیش‌زمینه‌ای کامل و قوی برای یادگیری سایر زبان‌های برنامه‌نویسی وب‌سایت پیدا کنید. دوره آموزش رایگان HTML برای کسانی طراحی شده است که قصد دارند در آینده به‌عنوان یک برنامه‌نویس وب‌سایت مشغول به کار شوند. افرادی که به ساخت ظاهر وب‌سایت علاقه دارند و دوست دارند بدانند که چگونه می‌توانند یک سایت را از صفر بسازند، می‌توانند در این دوره شرکت کنند. همچنین این دوره برای کسانی که قصد دارند در سایت‌های طراحی‌شده قبلی تغییراتی ایجاد کرده و ساختار آن را ویرایش کنند یا از نحوه طراحی سایت‌های مختلف سر دربیاورند نیز مفید خواهد بود. در پایان دوره آموزشی HTML بر روی مفاهیم مربوط به ساختار وب‌سایت و طراحی هریک از بخش‌ها مسلط خواهید شد. همچنین تگ‌های مختلف HTML را می‌شناسید و می‌توانید ظاهر یک وب‌سایت را از صفر طراحی کنید. همچنین در این دوره آموزش رایگان html دوره با خطاهای برنامه‌نویسی HTML، ساختارهای اشتباه و مواردی که ممکن است وب‌سایت شما را با مشکل مواجه کند، آشنا خواهید شد. در پایان دوره شما مباحث به‌روزترین نسخه HTML را می‌شناسید و بر روی وب معنایی نیز مسلط خواهید شد. دوره آموزش HTML در 20 قسمت آماده شده است که درمجموع زمان آن کمتر از 2 ساعت می‌شود؛ بنابراین شما می‌توانید در زمانی بسیار کوتاه مباحثی کاملاً کاربردی را یاد بگیرید و برای برداشتن قدم بعد آماده شوید. سرفصل‌های این دوره آموزش رایگان html شامل آموزش انواع تگ‌ها و کدنویسی HTML می‌شود که در ادامه آن‌ها را بیان می‌کنیم. HTML (زبان نشانه‌گذاری فرامتن) زبانی است که برای ایجاد وب‌سایت استفاده می‌شود. این زبان نشانه‌گذاری استاندارد برای ایجاد صفحات وب و برنامه‌های کاربردی وب محسوب می‌شود. HTML به شکل عناصر HTML متشکل از برچسب‌های محصور در براکت‎های زاویه‌ای (مثلاً ) نوشته می‌شود. تگ‌های HTML معمولاً به صورت جفت‌هایی مانند

و

می‌آیند، اگرچه برخی از تگ‌ها که به‌عنوان عناصر خالی شناخته خواهند شد و به عبارت دیگر آن‌ها جفت ندارند. برای مثال یکی از این تگ‌ها محسوب می‌شود. در دوره آموزش رایگان html با همه این تگ‌ها و نحوه به کاربردنشان آشنا خواهیم شد. HTML مخفف HyperText Markup Language است و زبان نشانه‌گذاری استانداردی است که برای ایجاد صفحات وب استفاده می‌شود. این زبان برای ساختار و ارائه محتوا در وب مورد استفاده قرار می‌گیرد و برای ایجاد صفحات وب برای مرورگرهای وب استفاده می‌شود. HTML از عناصری مانند متن، لینک‌ها، تصاویر، جداول، فرم‌ها و غیره تشکیل شده است. HTML برای ایجاد و ساختار صفحات وب، افزودن تعامل و چندرسانه‌ای و ایجاد رابط کاربری برای برنامه‌های کاربردی وب نیز کاربرد دارد. HTML در توسعه وب برای ایجاد ساختار یک وب‌سایت استفاده می‌شود. همچنین HTML برای اتصال صفحات وب به یکدیگر با استفاده از لینک‌ها مورد استفاده قرار می‌گیرد و به کاربران اجازه می‌دهد از یک صفحه به صفحه دیگر بروند. HTML همچنین برای ایجاد فرم‌ها استفاده می‌شود و به کاربران اجازه می‌دهد با یک وب‌سایت تعامل داشته باشند و داده‌ها را برای پردازش به سرور ارسال کنند. Html یک زبان برنامه نویسی نیست، اما می‌توان آن را همراه با سایر زبان‌های برنامه نویسی مانند جاوا اسکریپت، پی اچ پی، پایتون و روبی استفاده کرد. همچنین برای ایجاد صفحات وب و برنامه‌های کاربردی ستون و پایه به‌حساب می‌آید. علاوه بر این، HTML را می‌توان همراه با تعدادی از زبان‌های نشانه‌گذاری دیگر، مانند XML و CSS، برای ساخت صفحات وب و برنامه‌های کاربردی پیچیده‌تر استفاده کرد. در نهایت، HTML می‌تواند برای ایجاد و قالب‌بندی محتوا در پایگاه داده‌ها و انواع دیگر اسناد، مانند صفحات گسترده و اسناد متنی استفاده شود. HTML یک زبان اساسی برای ایجاد وب‌سایت است و به‌عنوان بلوک‌های سازنده برای سایر زبان‌های وب دیده می‌شود. HTML برای ایجاد صفحات وب اساسی ضروری است و امکان طراحی و توسعه وب پیچیده‌تر را فراهم می‌کند. یادگیری HTML برای طراحان وب، توسعه‌دهندگان وب و هر کسی که می‌خواهد یک وب‌سایت ایجاد کند یا یک برنامه وب بسازد مفید است. HTML همچنین برای بهینه‌سازی موتورهای جستجو (SEO) ضروری به‌حساب می‌آید، زیرا ساختار و محتوای یک وب‌سایت را در اختیار الگوریتم‌های موتورهای جستجو قرار می‌دهد. به طور کلی، یادگیری و نیاز به آموزش HTML برای هر کسی که می‌خواهد یک وب‌سایت یا برنامه دیجیتال ایجاد کند ضروری است، زیرا بلوک‌های اساسی و پایه‌ای برای وب را فراهم می‌کند. با HTML، توسعه‌دهندگان و طراحان وب می‌توانند وب‌سایت‌های پیچیده و تعاملی ایجاد کنند که برای الگوریتم‌های موتورهای جستجو بهینه شده‌اند. HTML و CSS مانند دو روی یک سکه هستند. HTML ساختار و محتوای یک صفحه وب را فراهم می‌کند، در حالی که از CSS برای کنترل ارائه و استایل دهی آن محتوا استفاده می‌شود. HTML و CSS با هم برای ایجاد ظاهر و احساس یک وب‌سایت استفاده می‌شوند. برای مثال اگر این دو زبان را به بدن انسان تشبیه کنیم، HTML استخوان و اسکلت‌بندی بدن و CSS گوشت و پوست و همه عناصر زیبایی بدن انسان خواهد بود. در واقع HTML پایه صفحه را فراهم می‌کند و CSS برای سفارشی کردن ظاهر صفحه و جذابیت بصری آن استفاده می‌شود. HTML ساختار و محتوا را کنترل می‌کند، در حالی که از CSS برای سفارشی کردن ظاهر و احساس صفحه استفاده می‌شود. HTML و CSS با هم کار می‌کنند تا وب‌سایتی را ایجاد کنند که هم کاربردی و هم از نظر زیبایی‌شناسی جذاب باشد. بدون ترکیب HTML و CSS، یک وب‌سایت چیزی بیش از یک بلوک متن خسته‌کننده نخواهد بود. با HTML و CSS، یک وب‌سایت می‌تواند به یک تجربه تعاملی و بصری جذاب تبدیل شود. به طور خلاصه، HTML و CSS شرکای جدایی‌ناپذیری هستند که با هم کار می‌کنند تا ظاهر و فرانت‌اند یک وب‌سایت را ایجاد کنند. بله HTML اساس طراحی وب‌سایت است. این یک زبان نشانه‌گذاری است که برای ایجاد ساختار و محتوای صفحات وب استفاده می‌شود. HTML برای ایجاد ساختار اولیه صفحات وب استفاده خواهد شد، در حالی که سایر فناوری‌ها مانند Cascading Style Sheets (CSS) برای ایجاد ظاهر و طراحی صفحات وب استفاده می‌شود. HTML بخشی ضروری از طراحی وب‌سایت است و بدون آن، وب‌سایت‌ها نمی‌توانند وجود داشته باشند. حتی برای تسلط سیستم‌های مدیریت محتوا مانند وردپرس نیز به html نیاز است. در دوره آموزش رایگان html با این زبان و نحوه کارکرد آن آشنا خواهیم شد، پس جای هیچ‌گونه نگرانی وجود ندارد. نقشه راه‌های متفاوتی برای یادگیری HTML وجود دارد که هرکدام بر مبنای خاصی تعریف شده‌اند، نقشه راه زیر نیز یکی از آن‌ها است و با پیروی از آن می‌توان HTML را به‌صورت حرفه‌ای آموخت. 1. اصول اولیه HTML را بیاموزید: اصول HTML از جمله ساختار یک سند HTML، عناصر HTML و تگ‌های اولیه HTML را بیاموزید. 2. ویژگی‌های HTML را بیاموزید: نحوه اعمال ویژگی‌ها به عناصر HTML برای ارائه اطلاعات اضافی را بیاموزید. 3. هدینگ‎ها و پاراگراف‌های HTML را بیاموزید: یاد بگیرید چگونه محتوا را با استفاده از سرفصل‌ها و پاراگراف‌های HTML ساختار دهید. 4. لینک‌های HTML را بیاموزید: نحوه ایجاد و قالب‌بندی پیوند بین صفحات (لینک شدن صفحات به هم) را بیاموزید. 5. لیست‌های HTML را بیاموزید: نحوه ایجاد لیست و سازمان‌دهی محتوا با استفاده از HTML را بیاموزید. 6. یادگیری جداول HTML: یاد بگیرید چگونه جداول ایجاد کنید و از آن‌ها برای ساختار داده استفاده کنید. 7. یادگیری فرم‌های HTML: یاد بگیرید که چگونه فرم‌های HTML ایجاد کنید و از آن‌ها برای جمع‌آوری ورودی‌های کاربر استفاده کنید. 8. آموزش تصاویر HTML: یاد بگیرید که چگونه تصاویر را در یک صفحه HTML جاسازی کنید. 9. یادگیری بلوک HTML و عناصر درون‌خطی (Inline Elements): یاد بگیرید چگونه از بلوک HTML و عناصر درون‌خطی برای ساختار محتوا استفاده کنید. 10. آموزش چیدمان HTML: یاد بگیرید که چگونه از تکنیک‌های چیدمان HTML مانند شناور، موقعیت‌یابی و فلکس باکس استفاده کنید. 11. طراحی واکنشگرا HTML را بیاموزید: یاد بگیرید که چگونه با استفاده از HTML و پرس‌وجوهای رسانه‌ای، طرح‌های ریسپانسیو یا واکنشگرا ایجاد کنید. 12. یادگیری HTML ویدئو و صدا: یادگیری نحوه قرار دادن ویدئو و صدا در صفحه HTML 13. یادگیری HTML Semantic: یاد بگیرید چگونه از برچسب‌های معنایی HTML برای ساختار و سازمان‌دهی محتوای وب استفاده کنید. 14. آموزش API های HTML5: یاد بگیرید که چگونه از API های HTML5 برای ایجاد برنامه‌های کاربردی تعاملی استفاده کنید. 15. آموزش دسترسی به HTML: یاد بگیرید که چگونه محتوای HTML را برای همه کاربران در دسترس قرار دهید. 16. آموزش اعتبار سنجی HTML: یاد بگیرید که چگونه از تکنیک‌های اعتبار سنجی HTML برای اطمینان از صحت صفحات وب استفاده کنید. 17. آموزش بهترین روش‌های HTML: بهترین روش‌ها برای نوشتن کد HTML را بیاموزید. 18. آموزش عیب‌یابی HTML: نحوه عیب‌یابی کد HTML و رفع خطاهای رایج HTML را بیاموزید. 19. کار با چارچوب‌های HTML: یاد بگیرید که چگونه از چارچوب‌های HTML مانند Bootstrap و Foundation برای ایجاد سریع صفحات وب استفاده کنید. 20. بهینه‌سازی HTML: نحوه بهینه‌سازی HTML برای سئو را بیاموزید. ۲۱- ویرایشگرها و ابزارهای HTML را یاد بگیرید: نحوه استفاده از ویرایشگرهای HTML و ابزارهایی مانند Dreamweaver، CodePen و Sublime Text را بیاموزید. 22. آموزش انیمیشن‌های HTML: یاد بگیرید که چگونه از المان‌های HTML و CSS برای ایجاد انیمیشن استفاده کنید. 23. موضوعات پیشرفته HTML را بیاموزید: موضوعات پیشرفته HTML مانند SVG و سایر مباحث پیشرفته را یاد بگیرید. 24. یادگیری HTML5: با ویژگی‌های جدید HTML5 مانند سوکت‎های وب، ذخیره‌سازی وب و API های مکان جغرافیایی آشنا شوید. 25. به‌روز بمانید: با آخرین اخبار و روندهای HTML به‌روز بمانید و همیشه تمرین کنید. اگر به فکر یادگیری HTML هستید باید از نقطه‌ای این یادگیری را شروع کنید. دوره آموزش رایگان html برای این هدف در مکتب خونه تهیه شده است که هم‌اکنون می‌توانید برای شروع کار با ثبت‌نام در این دوره مقدماتی html اولین قدم و مهم‌ترین قدم برای ورود به دنیای توسعه وب را بردارید. دوره مذکور یک دوره پروژه محور است که قدم‌به‌قدم شما را با زبان ساده با html آشنا می‌کند. با این دوره می‌توانید مهارت‌های خود را در کدنویسی ارتقا دهید و پروژه‌های مختلفی با html ایجاد کنید. این دوره آموزش html برای همه افراد با سطوح مختلف مناسب است. آموزش رایگان html: 1 - HTML چیست؟ 2 - HTML5 چیست؟ 3 - ساختار صفحات HTML 4 - تگ‌های هدینگ 5 - تگ پاراگراف 6 - تگ‌های فرمتینگ 7 - کامنت‌کردن کدها 8 - تگ لینک 9 - لینک بوکمارک 10 - تگ img 11 - تگ picture 12 - تگ table 13 - لیست‌ها 14 - بلاک و اینلاین 15 - کانتاینرها 16 - تگ‌های توصیف محتوا 17 - تگ ویدئو 18 - تگ iframe 19 - فرم‌ها 20 - مشاهده سورس و اینسپکت

درباره دوره: دنیای اینترنت و وب امروزه به عضوی جدائی‌ناپذیر از دنیای فیزیکی تبدیل شده به طوری بیشتر فعالیت های ما به آن وابسته است. با ظهور اینترنت دیگر مرزهای جغرافیایی کم رنگ‌تر شده اند و هرکس می‌تواند از این فرصت برای پیشرفت خود استفاده کند. عدم آشنایی با این فضا باعث عقب ماندن از سایر هم نوعان و رقبا می‌شود. دوره آموزش طراحی وبسایت فرانت اند از مجموعه دوره‌های آموزش برنامه نویسی مکتب خونه مختص آشنایی با حوزه وب و طراحی سایت است. امروزه یکی رایج ترین راه های کسب درامد در وب، برنامه‌نویسی فرانت ‌اند است. در این فرایند تلاش می‌شود تا یک واسط کاربری مناسب برای کاربران فراهم شود تا استفاده از وب‌سایت، وب اپلیکیشن و… برای آنها ساده‌تر شود. دوره آموزش برنامه نویسی فرانت اند به شما این امکان را می‌دهد که با استفاده از کدنویسی، فضای سایت را طراحی کرده و آنچه را موردنظر UI Designer است را روی آن پیاده کنید. در واقع در این دوره یاد می‌گیرید با ابزار‌هایی مانند html و css چگونه بخش فرانت اند یک وب سایت را طراحی کنید. در این دوره مباحث زیادی با موضوع طراحی بخش Front یک وب‌سایت مطرح شده است. از جمله این موضوعات می‌توان به موارد زیر اشاره کرد: علاوه بر این موارد در این دوره با مباحث گسترده‌تری پیرامون موضوع برنامه‌نویسی فرانت اند آشنا خواهید شد. در این دوره مطالب لازم برای تبدیل شما به  یک برنامه نویس فرانت اند آموزش داده می‌شود و در نهایت خواهید توانست تا فرانت اند یک وب سایت از صفر تا صد انجام دهید. هدف اصلی این دوره آموزش برنامه‌نویسی فراند و همه ویژگی‌هایی است که برای طراحی بخش فرانت اند به آن نیاز خواهید داشت. مباحثی که برای آموزش در این دوره در نظر گرفته شده است به نحوی است که همه کاربران و علاقه‌مندان می‌توانند در این دوره شرکت کنند و مباحث ارائه شده را یاد بگیرند. این دوره ی بسیار کاربردی برای همه افرادی است که به فعالیت در حوزه طراحی وب علاقه دارند. همه دانشجویان رشته‌های مربوط به کامپیوتر و آی تی و هرکسی که به‌نوعی به برنامه نویسی علاقه داشته باشد؛ می‌توانند در این دوره شرکت کنند. فصل اول: آشنایی با مفاهیم FrontEnd Development: 1 - چه چیزهایی در این دوره یاد میگیرید؟ 2 - آشنایی با پروتکل و HTML 3 - آشنایی با Editorها 4 - آشنایی با مرورگر‌ها 5 - آشنایی اولیه با Inspect Element و تفاوت و کارآیی مرورگر‌ها 6 - چطور این دوره را بگذارنید؟ 7 - کوییز آشنایی با مفاهیم FrontEnd Development فصل دوم: آشنایی با HTML به صورت پایه‌ای: 1 - آشنایی با تگ‌های اولیه html, body, head 2 - آشنایی با Heading ها و Paragraph 3 - آشنایی بیشتر با Typography و تگ‌های Strong, i, Strike, Article 4 - کوییز آشنایی بیشتر با تگ‌ها 5 - کار با LiveServer برای تجربه‌ی برنامه‌نویسی بهتر 6 - کوییز کار با LiveServer برای تجربه‌ی برنامه‌نویسی بهتر 7 - آشنایی با Comment ها و List ها در HTML 8 - کوییز آشنایی با Comment ها و List ها در HTML 9 - کار با Table ها در HTML 10 - چطور از HTML برای Formatting استفاده کنیم؟ 11 - توضیح تمرین فصل دوم: یک مقاله‌ی انگلیسی بنویسید 12 - تمرین فصل دوم: یک مقاله‌ی انگلیسی بنویسید فصل سوم: آموزش ویژگی‌های پیشرفته‌تر در HTML و آشنایی با attributeها: 1 - کار با نمایش لینک و عکس در HTML 2 - آشنایی با favicon, charset و URL Encode ها در HTML 3 - کوییز آشنایی با favicon, charset و URL Encode ها در HTML 4 - آشنایی با Form Tag ها 5 - روش‌های نمایش ویدئو و سایر مدیا‌ها در مرورگر و معرفی iframe 6 - کوییز نمایش ویدیو 7 - آموزش Map کردن روی Image، تگ‌های Map, Area و Picture 8 - آشنایی با Semantics در HTML 9 - آموزش Extension‌های Prettier, HTML Boilerplate و Emmet 10 - کوییز استایل دهی 11 - توضیح تمرین فصل سوم: یک صفحه نمایش ویدئو از سایت آپارات یا یوتیوب بسازید 12 - تمرین فصل سوم: یک صفحه نمایش ویدئو از سایت آپارات یا یوتیوب بسازید فصل چهارم: آموزش Style دادن صفحه و زبان CSS به صورت پایه‌ای: 1 - چطور استایل دهیم و CSS چیست؟ 2 - کار با CSS Selector ها و تغییر ‌Background Color 3 - آشنایی با border, border-radius و ایجاد card 4 - کوییز گردکردن دوره عکس 5 - آشنایی با Padding و Margin و Outline 6 - کار با font ها در CSS 7 - کوییز فرمت فرانت در وب 8 - ویرایش متن با text-transform, text-decoration و کلی property دیگر 9 - آموزش استایل دادن Link ها، List ها و Tableها 10 - آموزش Poistion Absolute/Relative/Fixed و Center کردن یک Element 11 - کوییز نمایش المنت روی المنت دیگر 12 - توضیح تمرین فصل چهارم: یک Card بسازید 13 - تمرین فصل چهارم: یک Card بسازید فصل پنجم: آموزش CSS و مباحث پیشرفته‌تر: 1 - آموزش کار با Z-index و Opacity 2 - آموزش Combinator ها در CSS 3 - کوییز تایپوگرافی 4 - آموزش کار با Pseudo-classes ها 5 - آشنایی کار با Pseudo-element ها 6 - کار با Unit های مختلف و معرفی سایت type-scale.com 7 - آشنایی با vw, vh و calc و بررسی CSS Attribute Selector ها 8 - کوییز استفاده از vh 9 - کار با Media Queries ها و Max و Min Width و Height 10 - کوییز Media Queries 11 - توضیح تمرین فصل پنجم: پیاده‌سازی سه باکس 12 - تمرین فصل پنجم: پیاده‌سازی سه باکس فصل ششم: آموزش CSS FLEX و پروژه‌ی پیاده‌سازی سایت Envato.com: 1 - آموزش اولیه و شروع پروژه با Flex 2 - آموزش Justify Content و Align Items و پیاده‌سازی navbar 3 - کار با Flex Direction، SVG و Transition 4 - کوییز سیستم Flex 5 - آموزش کار با Flex Wrap و Overflow 6 - کار با Flex Grow و Flex Shrink و Flex Basis 7 - کوییز Flex-Grow:1 8 - پیاده‌سازی DropDown 9 - توضیحات تمرین فصل ششم: پیاده‌سازی سایت Udemy.com 10 - تمرین فصل ششم: پیاده‌سازی سایت Udemy.com فصل هفتم: آموزش CSS GRID و پیاده‌سازی Myer.com.au: 1 - آموزش مقدماتی CSS Grid و شروع پروژه‌ی Myer 2 - کوییز CSS Grid 3 - کار با Grid Gap و Modular کردن CSS 4 - آموزش تعریف auto-fit و auto-fill همراه با repeat 5 - کوییز auto-fill 6 - کار با CSS Variable ها 7 - کار با Gradient، پیاده‌سازی Overlay و کار با :focus 8 - کوییز المنت‌های موازی 9 - توضیح تمرین فصل هفتم: پیاده‌‌سازی سایت Groupon 10 - تمرین فصل هفتم: پیاده‌‌سازی سایت Groupon فصل هشتم: آموزش SASS و پیاده‌سازی صفحه لاگین miro.com: 1 - آموزش اولیه SASS 2 - معرفی SASS Architecture و Import و Variable ها در SASS 3 - کوییز SASS 4 - تعریف button ها و آموزش BEM - Block - Element - Modifiers 5 - کوییز روش Bem 6 - پیاده‌سازی input ها و کار با Mixins 7 - کوییز mixins 8 - کار با CSS Animation ها و تعریف Keyframes 9 - توضیح تمرین فصل هشتم: پیاده‌سازی صفحه اصلی سایت miro.com 10 - تمرین فصل هشتم: پیاده‌سازی صفحه اصلی سایت miro.com فصل نهم: آشنایی و کار با Frameworkهای CSS: 1 - آموزش Bootstrap و چرایی استفاده یا عدم استفاده از آن 2 - بررسی JavaScript در Bootstrap و آشنایی با Modal 3 - کوییز چرا bootstrap 4 - بررسی و معرفی Material Framework 5 - بررسی و معرفی Ant Design، Foundation و Pure.css 6 - بررسی و معرفی جزئی تر از Tailwind 7 - کوییز Tailwind 8 - توضیح تمرین فصل نهم: پیاده‌سازی سایت eventbrite.com با یک CSS Framework 9 - تمرین فصل نهم: پیاده‌سازی سایت eventbrite.com با یک CSS Framework فصل دهم: نکات بیشتر: 1 - آموزش اولیه JavaScript و معرفی دوره‌ 2 - آموزش اولیه JQuery و چرایی استفاده یا عدم استفاده از آن 3 - آموزش مقدماتی با Node و Node-modules و Bower و Gulp و غیره 4 - بعد از آموزش HTML و CSS و کمی JavaScript چه کنیم؟ 5 - توضیح تمرین فصل دهم: پیاده‌سازی Uxcel.com 6 - تمرین فصل دهم: پیاده‌سازی Uxcel.com

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

 

دوره آموزش جامع طراحی سایت با PHP برای چه کسانی مناسب است؟

دوره آموزش PHP پروژه محور برای تمامی افراد علاقه‌مند به طراحی وب‌سایت و نرم‌افزارهای تحت وب مناسب است. همچنین برای افرادی که می‌خواهند در زمینه طراحی وب‌سایت فول استک باشند یعنی روال تولید یک نرم‌افزار تحت وب را از صفرتا صد خودشان انجام دهند نیز این دوره گزینه بسیار مناسبی به‌حساب می‌آید.

این دوره مناسب افرادی است که زبان HTML و CSS را فراگرفته‌اند و قصد دارند نحوه به‌کارگیری این دو زبان و نحوه ترکیب این دو را در قالب‌های تخصصی و رابط کاربری سطح بالا یاد بگیرند این دوره اختصاصاً به پیاده‌سازی قالب‌های حرفه‌ای و گرافیکی با استفاده از HTML و CSS می‌پردازد. پس اگر این دو زبان را به‌صورت کامل بلد هستید و قصد دارید مهارت خود را در پیاده‌سازی قالب‌های تخصصی بالا ببرید این دوره مناسب شما است.

تاحدامکان سعی میشه در این دوره از مثال‌های کاربردی و مطالبی که در بازار کار زیاد استفاده می‌شود استفاده شود تا مطالب به‌صورت کامل برای شما عزیزان کاربردی و قابل‌فهم باشد و همین‌طور زمانی که وارد بازار کار شدید پیاده‌سازی انواع طرح‌ها برای شما بسیار ساده و به‌راحتی یک آب‌خوردن باشد.

اهداف آموزش CSS پیشرفته (پروژه محور) چیست؟

بسیاری از افراد با این تصور که CSS یک‌زبان ساده است، خیلی سطحی از کنار آن می‌گذرند و زیاد به یادگیری عمیق و درست این زبان اهمیتی نمیدن. درحالی‌که CSS یک‌زبان پیشرفته است و با آن می‌توان طراحی‌های بسیار خلاقانه و سطح بالای زیادی را انجام داد. با یادگیری پیشرفته و تخصصی CSS می‌توان کارهای بسیار عجیب و درعین‌حال سطح بالایی را پیاده‌سازی کرد و UI یا رابط کاربری وب‌سایت را بسیار پیشرفت داد.

هشدار بسیار مهم : برخی افراد بعد از دیدن یک دوره آموزشی از CSS هنگام پیاده‌سازی یک پروژه واقعی با مشکلات بسیار زیادی مواجه می‌شوند. من به شخصه با تعداد بالایی از دانشجویانی برخورد کردم که بعد از گذراندن دوره آموزشی بدون این که تمرینی کرده باشند به پیاده‌سازی طرح‌های پیشرفته اقدام می‌کنند که این کار به‌شدت مضر هست و می‌تواند شما را نسبت به برنامه‌نویسی دل‌سرد و مأیوس کند.

راه‌حل ما : ما این مشکل را برای همیشه حل کردیم. در این دوره که شامل ۷ فصل است و در هر فصل ۱۰ پروژه سطح بالا و کاربردی است که ۹ پروژه گرافیکی و یک پروژه طراحی کامل قالب وب‌سایت پرداختیم که عملیات رسپانسیو کردن را نیز در این دوره به‌صورت کامل بر روی پروژه‌ها اعمال می‌کنیم تا پس از این دوره آموزشی هنگام پیاده‌سازی یک وب‌سایت پیشرفته اصلاً مشکلی روبروی شما نباشد و باتکیه‌بر پروژه‌هایی که در این دوره انجام دادیم و مطالب آموزشی که در این دوره یاد گرفتید بتوانید هر طرح و یا هر پروژه بزرگ و سازمانی را انجام دهید.

آیا این دوره پروژه محور است؟

در واقع باید بگوییم شما از جلسه اول تا جلسه آخر این دوره  تعداد ۷۰ پروژه را پیاده‌سازی می‌کنید که این پروژه‌ها کاملاً تخصصی و کاربردی هستند، و در ابتدای هر پروژه توضیحات و موارد جدیدی که در آن جلسه و آن پروژه قرار است یاد بگیرید را به‌صورت کامل بررسی نموده و بعد وارد محیط برنامه‌نویسی شده و پروژه خود را به‌صورت مرحله‌به‌مرحله پیاده‌سازی خواهیم کرد.

آیا در این دوره از کدهای آماده استفاده شده؟

خیر. به‌هیچ‌وجه نه در این دوره و نه در باقی دوره‌های وب‌سایت آرتور ما از هیچ‌گونه کد آماده استفاده نخواهیم کرد.

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

نکته مهم : این دوره درواقع سطح بسیار پیشرفته‌تر و حرفه‌ای‌تری نسبت به دوره‌های HTML و CSS است و در پایان این دوره شما قادر خواهید بود به‌راحتی و با شجاعت و اعتمادبه‌نفس کامل پروژه طراحی سایت دریافت کنید و به درآمد برسید و یا برای استخدام در شرکت‌ها می‌توانید و به‌تمامی سؤالات فنی برای مصاحبه پاسخ دهید.

دوره فوق دوره‌ای کاملاً جدید با تدریس جدید و متفاوت و همین‌طور متدهای آموزشی جدید در جهت یادگیری‌ و‌ استفاده هرچه بهتر‌ از مطالب، آموزش‌داده‌شده در دوره HTML و CSS است . این دوره به‌طورکلی پروژه محور بوده و از جلسه اول پروژه‌ها شروع می‌شود و تعداد ۷۰ پروژه را در این دوره آموزش خواهیم داد و هدف اصلی این دوره و در کل هدف اصلی آرتور آماده‌کردن شما عزیزان برای انجام پروژه‌های واقعی و کسب درآمد و همین‌طور ورود به بازار کار بسیار پر درآمد برنامه‌نویسی است. پیش‌نیازهایی که از این دوره شما باید بلد باشید به شرح زیر است.

چگونه کیفیت آموزش تضمین می‌شود؟

قبل از شرکت در دوره آموزشی ما برای شما قسمت‌هایی از این دوره را به‌صورت رایگان قرار می‌دهیم تا با دانلودکردن و دیدن کیفیت آموزش بتوانید بهتر نسبت به شرکت در این دوره تصمیم بگیرید.

همان‌طور که گفته شد این یک دوره تخصصی‌ترین دوره است برای افرادی که قصد دارند در زبان‌های HTML و CSS به نهایت حرفه‌ای بودن و مهارت برسند و بتوانند هر نوع پروژه و قالب وب‌سایت با هر درجه سختی را با این دو زبان به‌سادگی پیاده‌سازی کنند و می‌توانیم این ادعا را داشته باشیم که این دوره یکی از تخصصی‌ترین دوره‌ها در وب فارسی است، دلیل ما برای این ادعا این است که از جلسه اول این دوره تا جلسه آخر به‌صورت پروژه محور پیش خواهیم رفت، و پروژه‌های بسیار زیادی را از قسمت‌های مختلف یک وب‌سایت پیاده‌سازی خواهیم کرد.

آموزش HTML و CSS پیشرفته - پروژه محور مناسب چه کسانی است؟

این دوره مناسب افرادی است که زبان HTML و CSS را فراگرفته‌اند و قصد دارند نحوه به‌کارگیری این دو زبان و نحوه ترکیب این دو را در قالب‌های تخصصی و پیچیده و همین‌طور رابط کاربری سطح بالا یاد بگیرند این دوره اختصاصاً به پیاده‌سازی قالب‌های حرفه‌ای و گرافیکی با استفاده از HTML و CSS می‌پردازد. پس اگر این دو زبان را به‌صورت کامل بلد هستید و قصد دارید مهارت خود را در پیاده‌سازی قالب‌های تخصصی بالا ببرید این دوره مناسب شما است.

پروژه‌های مهم این دوره

• لندینگ‌پیج قالب وب‌سایت دیجی‌کالا
• لندینگ‌پیج قالب وب‌سایت اسنپ
• لندینگ‌پیج قالب وب‌سایت دیوار
• لندینگ‌پیج قالب وب‌سایت اسنپ فود
• لندینگ‌پیج قالب وب‌سایت آپارات
• لندینگ‌پیج قالب پنل مدیریت

در دوره جامع طراحی سایت بدون کد نویسی، از نقطه صفر شروع می کنیم و مهارت شما را به حدی می رسانیم که به راحتی می توانید وبسایت فروشگاهی یا شخصی خودتون رو طراحی کنید. در این دوره بصورت 100 درصد عملی و پروژه محور به طراحی 4 سایت می پردازیم و بصورت گام به گام ؛ مراحل کار را به شما توضیح می دهیم.

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

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

HTML یک زبان برنامه‌نویسی است که برای طراحی صفحات وب استفاده می‌شود. با استفاده از HTML می‌توانید محتوای وب‌سایت خود را مانند متن، تصاویر، فرم‌ها، جداول و دیگر المان‌ها را به نمایش بگذارید.

اهمیت یادگیری طراحی وب با HTML چیست؟

با معرفی مفهوم اینترنت و همین طور وب، زبان‌ها و تکنولوژی‌های جدیدی نیز معرفی شد، تا کاربران بتوانند از محیط اینترنت و وب استفاده کنند. از جمله مشاغلی هم که با معرفی وب و اینترنت مطرح شد، مشاغل مربوط به شاخه طراحی صفحات وب و پیاده‌سازی وب‌سایت بود. افرادی که در این شاخه فعالیت می‌کردند، امکانی را برای کاربران فراهم می‌کردند، تا وب سایت‌های خود را راه‌اندازی کنند همین طور، وب‌سایت‌های مورد نیاز را نیز برای کاربران پیاده‌سازی و طراحی می‌کردند.

زبان نشانه‌گذاری HTML اولین زبانی است، که برای پیاده‌سازی صفحات وب، می‌توان از آن استفاده کرد و توسط تمامی مرورگرهای وب پشتیبانی می‌شود. زبان نشانه گذاری HTML به شما این امکان را می‌دهد، تا بتوانید ساختار و قالب اصلی وب‌سایت خود را مشخص کنید. مثلاً بگویید که در صفحه، چنین محتوایی وجود دارد و همین طور صفحه به چند بخش تقسیم می‌شود. تنظیمات مربوط به شکل دادن به المان‌های موجود در صفحه نیز از طریق زبان CSS امکان‌پذیر است.

همچنین، با گذشت زمان و به منظور تکمیل روال طراحی صفحات وب و همین طور، فراهم کردن ابزارهای جدید، زبان‌های دیگری نیز از جمله CSS ارائه شدند. زبان HTML نیز به مرور دست خوش تغییرات فراوانی شد و در به روزرسانی‌هایی که برای آن ارائه می‌شود، امکانات جدیدی به آن اضافه می‌گردد و همین طور عملکرد برخی امکانات در نسخه‌های قبلی، تغییرات زیادی را شاهد بودند. هم‌اکنون، آخرین نسخه ارائه‌شده برای زبان نشانه‌گذاری HTML، نسخه ۵ است، که در آن برخی امکانات جدید به نسخه قبلی اضافه شده و سبک و روال کدنویسی، استانداردتر شده است.

سرفصل‌ها

• درس یکم: آشنایی با HTML5 و تگ‌های جدید
• درس دوم: کار با رویدادهای جدید
• درس سوم: کار با کنترل‌های جدید
• درس چهارم: خاصیت های جدید کنترل‌ها
• درس پنجم: ویژگی‌های جدید فرم ها
• درس ششم: کار با فایل‌های چندرسانه‌ای
• درس هفتم: Drag & Drop در HTML5
• درس هشتم: کار با شیء Canvas
• درس نهم: کار با شیء SVG

واژه HTML (اچ‌‌تی‌‌ام‌ال) مخفف Hyper Text Markup Language به معنی زبان نشانه‌‌گذاری فوق متن است. HTML به عنوان زبان بنیادی طراحی وب، یکی از ساده‌ترین زبان‌های کامپیوتری است که با استفاه از آن می‌توانیم اسکلت اصلی وب‌سایت را طراحی کنیم.

HTML از تگ‌ها یا نشانگرهای خاص برای نشان دادن محتوا و ساختار صفحات استفاده می‌کند، این تگ‌ها به مرورگر اعلام می‌‌کنند، که هر بخش از صفحه چه نوع عنصری است و باید به چه صورت نمایش داده شود.

اهمیت یادگیری HTML چیست؟ 

وقتی حرف از طراحی وب‌‌سایت به میان می‌‌آید، ذهن تمامی افراد ناخواسته به سمت زبان HTML و CSS هدایت می‌‌شود. این زبان، زبان استاندارد صفحات وب است و زبان نهایی است که توسط مرورگر ترجمه‌ شده و به کاربر نمایش داده می‌‌شود. به طور دقیق‌‌تر، وقتی شما وب‌‌سایتی را به زبان PHP و یا ASP.Net طراحی و برنامه‌‌نویسی می‌کنید، این وب‌‌سایت بعد از اجرا بر روی سرور و همین طور سیستم کاربر، تبدیل به قطعه کدهای HTML شده و بر روی مرورگر ترجمه شده و به کاربر نشان داده می‌‌شود. بنابراین، یادگیری HTML برای افرادی که در زمینه طراحی وب فعالیت می‌کنند، بسیار مهم است.

در این فرادرس چه چیزی یاد می‌گیریم؟ 

در این فرادرس در ابتدا با مقدمات HTML و تگ‌های Text Formatting آشنا می‌شویم. در ادامه Link Building و عکس‌ها در صفحه وب را بررسی کرده و مروری بر CSS خواهیم داشت. در گام بعدی لیست‌ها، جدول و تگ div را ارائه خواهیم کرد و در نهایت فرم و مدیا در صفحه وب و تگ‌های درون head و مفهوم DOCTYPE را بیان می‌کنیم.

وردپرس (WordPress) یک سیستم مدیریت محتوای کاملا رایگان و متن‌باز است که با استفاده از آن می‌توانید وبلاگ و یا وب‌سایت خود را بدون کدنویسی راه‌اندازی کنید.

اهمیت یادگیری وردپرس (WordPress) چیست؟

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

در این فرادرس چه چیزی یاد می‌گیریم؟ 

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

زبان برنامه نویسی PHP یکی از زبان های برنامه نویسی سمت سرور است که کاربرد اصلی آن، در پیاده سازی وب سایت های دینامیکی (پویا) است. عبارت PHP در ابتدا مخفف Personal Home Page (صفحه خانگی شخصی) بود که بعدها، با یک مخفف سازی مجدد، به صورت PHP: Hypertext Preprocessor تبدیل شد تا مفهوم جامع تری را شامل شود.

این زبان برنامه نویسی در سال 1994 توسط راسموس لردورف (Rasmus Lerdorf) و به صورت یک سری توابع کتابخانه ای با زبان C پیاده سازی شد. در فاصله کوتاهی، نسخه دوم PHP نیز توسط لردورف ارائه گردید. البته تا آن زمان، به زحمت می شد عنوان «زبان برنامه نویسی» را برای PHP استفاده کرد. اما در سال 1997، این زبان برنامه نویسی به شدت متحول شد. دو نفر به نام های زیو سوراسکی (Zeev Suraski) و اندی گاتمنز (Andy Gutmans) هسته اصلی PHP را بازنویسی کردند و به این ترتیب نسخه سوم PHP متولد شد.

اهمیت یادگیری زبان برنامه‌نویسی PHP چیست؟

بازنویسی هسته PHP و ایجاد موتور پردازشی زند (Zend Engine) تحول بزرگی را در مسیر و تاریخچه زبان برنامه نویسی PHP ایجاد کرد، و در طی 10 سال، این زبان برنامه نویسی، تبدیل به مهم ترین ابزار برای پیاده سازی پروژه های وب دینامیکی شد.