دورههای آموزشی
مهارتهای تخصصی را با برترین اساتید بیاموزید
آموزش Emmet
Emmet یک ابزار برای توسعهدهندگان وب است که میتواند سرعت نوشتن کدهای HTML و CSS را تا حد بسیار زیادی افزایش دهد. این ابزار بصورت یک پلاگین در ویرایشگرهای کد مختلف نصب میشود.در این دوره قصد داریم با Emmet و اختصارات آن آشنا بشیم. پیش نیاز این دوره : آموزش رایگان html و css (اچ تی ام ال و سی اس اس) پروژه محور
آموزش Responsive Layout پروژه محور
Responsive یا واکنشگرا به این معنی می باشد که ما چگونه سایت را به شکلی طراحی کنیم که سایت ما در دیوایس های مختلف به خوبی نمایش داده بشه و این امر در SEO هم تاثیر بسزای دارد. برای آشنای بیشتر حتما قسمت معرفی که در پایین قرار داره را ببینید. با من همراه باشید تا با هم یک قدم به طراحی حرفه ای نزدیک تر شیم. پیش نیاز این دوره فوق العاده کاربردی: آموزش رایگان html و css (اچ تی ام ال و سی اس اس) پروژه محور
طراحی سریع وب داینامیک با Alpine.js به زبان ساده
Alpine.js یک فریمورک مدرن، ساده، سبک و مینیمال استاست که استفاده از جاوا اسکریپت را برای ایجاد ساختارهای تعاملی و پویا یا داینامیک بسیار ساده میکند. این فریمورک پیچیدگی خاصی ندارد و یادگیری آن بسیار آسان است و برای استفاده در وبسایتهای کوچک بسیار کاربردی و کار راهانداز است. اگر بخواهیم Alpine.js را در یک جمله توصیف کنیم میتوانیم بگوییم که فریمورک Alpine.js سادهتر از React و مدرنتر از jQuery است. از جمله مزایا و ویژگیهای Alpine.js میتوان به موارد زیر اشاره کرد: - حجم کوچک (۸ کیلوبایت) - عدم نیاز به تنظیمات - افزودن سبک و سریع تعاملات - یادگیری بسیار ساده با چند دستور HTML برای کدنویسی و استفاده از Alpine.js تنها به یک ویرایشگر کد مثل Visual Studio Code و یک مرورگر مدرن مانند Google Chrome یا Firefox نیاز است. در این دوره، پس از آشنایی مقدماتی با فریمورک Alpine.js، بسیاری از قابلیتهای آن مورد آموزش قرار گرفته و نحوه انجام تعاملات با المانهای html و کاربردهای پیشرفته تر آن آموزش داده میشود؛ در ادامه ارتباط با API با بهرهگیری از axios با ارائه یک مثال انجام شده و در نهایت با ساخت یک پروژه کاربردی To-Do لیست پایان مییابد. به این ترتیب میتوانید مطمئن باشید که بر بسیاری از قابلیتهای پرکاربرد Alpine.js تسلط لازم را پیدا کردهاید تا بتوانید از این فریمورک به سهولت در پروژههای حرفهای خودتان بهره بگیرید. سرفصل های دوره 1- مقدمات، معرفی و ویژگیهای Alpine.js 2- مفاهیم اصلی Alpine.js شامل: - قسمت اول (x-data , x-text , x-html) - قسمت دوم (x-show , x-bind , x-model , x-on:) - قسمت سوم (پروژه کوچک شیفت نمرات کلاسی) 3- تعاملات پیچیدهتر با استفاده Alpine.js (x-if , x-for , <template>) 4- کاربردهای پیشرفته Alpine.js - قسمت اول (transition و انیمیشن، هوکهای چرخه حیاتx -init , x-effect , x-clock ) - قسمت دوم (آشنایی با مجیکها شامل $el, $refs, $root و $watch) - قسمت سوم (ارتباط با API به کمک axios) 5- انجام پروژه کاربردی To-Do List با استفاده از Alpine.js پیش نیاز های دوره : HTML CSS Javascript
آموزش رایگان html و css (اچ تی ام ال و سی اس اس) پروژه محور
دوستان این دوره بازتولید شده (با کیفیت و محتوای بهتر) دوره قبلی (آموزش HTML۵ & CSS۳ پروژه محور) در سایت هست که میتوانید از این دوره استفاده کنید. HTML (اچ تی ام ال) برگرفته از حروف اول عبارت HyperTextMarkupLanguage می باشد و به عنوان یک زبان نشانه گذاری متن ( زبان استاندارد صفحات وب ) می باشد. معمولا در یک صفحه ی موجود بر روی وب مجموعه ای از متن ها، عکس ها، بخش بندی های مختلف وجود دارد، به کمک تگ ها و کدهایی که HTML در اختیارتان قرار می دهد، می توانید یک ساختار مشخص از اطلاعات را در این قسمت ها به وجود آورید و در معرض نمایش بازدیدکنندگان قرار بدهید. Css (سی اس اس) کوتاه شده یا مخفف عبارت Cascading Style Sheets می باشد که قابلیت صفحه آرایی؛ استایل دهی و زیبا سازی صفحات وب را برای طراحان سایت فراهم می سازد. در واقع ساختار یک صفحه با استفاده از HTML تعیین می شود و سپس با به کار بردن کدهایی دیگر به این ساختار و چیدمان استایل داده می شود. تمامی رنگ ها، ابعاد و اندازه ها، حاشیه ها، مکان قرارگیری، فونت ها و سایر خصوصیات اجزای یک صفحه ی وب، با استفاده از CSS تعیین خواهند شد. حتما ویدیو معرفی دوره را در پایین مشاهده کنید تا با دوره و پروژه ای انتهای دوره آشنا شوید. مباحثی که در این دوره گفته میشود شامل : آشنایی با HTML (اچ تی ام ال) معرفی HTML ابزار های مورد نیاز ساخت اولین صفحه با HTML بررسی ساحتار HTML تگ های paragraph و heading و img تگ های link و strong و em و list تگ های form و table آشنایی با CSS (سی اس اس) معرفی CSS (سی اس اس) ترتیب اجرای css selector ها در css تگ های span و div ارث بری در css ترکیب selector ها رنگ ها (colors) در css پراپرتی background-color رنگ ها در css واحد ها (units) در css واحد های pixel و percent و em و rem واحد های vw و vh استایل های پیش فرض و ابزار devtools در مرورگر تابع ()calc پراپرتی hight و width تایپوگرافی (typography) در css پراپرتی font-family افزودن فونت به css پراپرتی های دیگر فونت box model در css پراپرتی padding و margin و border پراپرتی outline box-sizing نمایش (display) در css پراپرتی display مقدار inline-box پراپرتی های دیگر display تصویر پس زمینه (background image) در css پراپرتی background-image linear gradient background image overlay موقعیت (position) و float در css پراپرتی float پراپرتی های position پراپرتی z-index رسپانسیو (media query) در css آشنایی با رسپانسیو (responsive) دستور media query طراحی mobile-first pseudo-element و pseudo-class در css آشنایی با pseudo-element آشنایی با pseudo-class transform و transition و animation در css پراپرتی transform پراپرتی transition پراپرتی animation مباحث تکمیلی در css متغیر در css آیکون (icon) پراپرتی text-shadow و body-shadow مبحث browser prefix مبحث Semantic HTML پراپرتی object-fit ایجاد پروژه نهایی و آپلود پروژه روی سرور (deploy) دوره های پیشنهادی، بعد از گذراندن این دوره : آموزش رایگان Emmet آموزش رایگان Responsive Layout پروژه محور آموزش رایگان FlexBox پروژه محور آموزش رایگان css grid (سی اس اس گرید) پروژه محور آموزش رایگان Sass پروژه محور آموزش CSS Trantistion ,Transform ,Animation آموزش رایگان Bootstrap ۵ پروژه محور آموزش Bootstrap ۵ در دنیای واقعی آموزش Materialize پروژه محور آموزش رایگان javascript (جاوا اسکریپت) پروژه محور HTML CSS طراحی وب طراحی سایت سی اس اس اچ تی ام ال css ۳ html ۵
آموزش رایگان پایتون ( Python )
آموزش رایگان پایتون ( Python ) دوره آموزش رایگان زبان پایتون ( Python ) از مقدماتی تا پیشرفته پایتون یک زبان برنامه نویسی عمومی و Open Source است که می تواند برای بسیاری از برنامه های کاربردی مورد استفاده قرار گیرد. این زبان به دلیل قابلیت خوانایی بسیار بالا و طراحی ساختاری سایر عناصرش انتخاب بسیار مناسبی برای شروع و ورود به دنیای برنامه نویسی میباشد . اما اشتباه نکنید!!! Python محدود به استفاده های پایه نمیشود و در اصل ، در عین سادگی ، یکی از قدرتمندترین زبان های برنامه نویسی دنیا محسوب و در بسیاری از نرم افزارهای بزرگ و پیچیده استفاده شده که در نهایت باعث افزایش قدرت و تسریع عملکرد آنها شده است. از این زبان به دلیل قدرت بالا و سادگی کار با آن ، در زمینه های بسیاری استفاده میشود. سایت های بزرگی همچون YouTube ، Instagram ، Reddit و ... برای افزایش قدرت در Back-End از این زبان استفاده میکنند. از Python میتوانید در تمام زمینه هایی همچون Desktop ، هوش مصنوعی ، Data Science ، script نویسی و ... استفاده کنید. پایتون یک زبان تفسیری است، به این معنی که برنامه های نوشته شده در پایتون نیازی به Compile برای اجرا ندارند و همین موضوع باعث افزایش قدرت و عملکرد نرم افزارهای نوشته شده با این زبان می شود. در این آموزش قصد داریم یک مسیر آموزشی مناسب برای یادگیری این زبان قدرتمند را در اختیار شما دوستان قرار دهیم سطح دوره مقدماتی متوسط پیشرفته