دوره جامع آموزش طراحی و توسعه فرانت اند وب - آخرین آپدیت
دانلود Ultimate Front-End Web Development Course
آموزش جامع توسعهدهنده فرانتاند وب: HTML, CSS, JavaScript و Bootstrap
آیا به ساخت وبسایتهای بصری جذاب و تعاملی علاقه دارید؟ با دوره جامع توسعهدهنده فرانتاند وب ما، به دنیای هیجانانگیز توسعه وب وارد شوید. درک عمیقی از ابزارها و فناوریهای ضروری که وب را به حرکت در میآورند، کسب کنید و یاد بگیرید چگونه تجربههای کاربری استثنایی خلق کنید.
آنچه در این دوره یاد خواهید گرفت:
- HTML: ساختار اساسی صفحات وب را با HTML یاد بگیرید.
- CSS: ظاهر و استایل صفحات وب را با CSS زیبا و جذاب کنید.
- JavaScript: با استفاده از JavaScript، صفحات وب را پویا و تعاملی سازید.
- Bootstrap: با Bootstrap، وبسایتهای واکنشگرا و سازگار با موبایل طراحی کنید.
برنامه درسی دوره:
1. HTML
- مقدمهای بر HTML
- المانها و تگها
- راهاندازی محیط توسعه
- ساختار HTML
- المانهای بلاکی و درونخطی
- لیستها و لینکها
- جداول و فرمها
- تگهای صوتی و تصویری
- پروژه 1: پروژه عملی HTML
2. CSS (برگههای استایل آبشاری)
- ماژول 1: مقدمهای بر CSS
- ماژول 2: مدل جعبه CSS
- ماژول 3: کار با فونتها در CSS
- ماژول 4: استایل دادن به لینکها و سفارشیسازی آیکونها
- ماژول 5: ساخت منوهای کشویی
- ماژول 6: ساخت نوبارها
- ماژول 7: تسلط بر نمایش CSS
- ماژول 8: طرحبندی Flexbox
- ماژول 9: گریدهای CSS
- ماژول 10: ساخت گالری تصاویر
- ماژول 11: ساخت گالری تصاویر واکنشگرا
- ماژول 12: ساخت اسلایدشوها
- ماژول 13: پیادهسازی صفحهبندی
- ماژول 14: تسلط بر پسزمینهها
- ماژول 15: بررسی گرادیانهای خطی
3. JavaScript
- ماژول 1: مقدمهای بر JavaScript
- ماژول 2: راهاندازی محیط Node.js
- ماژول 3: درک انواع داده
- ماژول 4: بررسی انواع عملگرها
- ماژول 5: پیادهسازی شرطیها
- ماژول 6: تسلط بر حلقهها
- ماژول 7: توابع در JavaScript
- ماژول 8: تکنیکهای پیشرفته تابع
- ماژول 9: کار با آرایهها
- ماژول 10: اشیاء و برنامهنویسی شیءگرا (OOP)
- ماژول 11: پیمایش مدل شیء سند (DOM)
- ماژول 12: دستکاری پیشرفته DOM
- ماژول 13: استفاده از مدل شیء مرورگر (BOM)
- ماژول 14: بررسی مفاهیم پیشرفته BOM
4. Bootstrap & پروژهها
- ماژول 15: مقدمهای بر Bootstrap
- پروژه 2: ساخت یک ساعت شیک
- پروژه 3: ایجاد یک برنامه هواشناسی پویا
- پروژه 4: پروژه پایانی - ساخت وبسایت نمونه کارها
پروژههای عملی:
- ساخت یک ساعت شیک با HTML, CSS و JavaScript
- ایجاد یک برنامه هواشناسی پویا با استفاده از API
- طراحی و توسعه یک وبسایت نمونه کار حرفهای
پیش نیازها:
- مهارتهای اولیه کار با کامپیوتر (مدیریت فایل، مرور اینترنت، نصب نرمافزار)
- آشنایی با ویرایشگر متن (مانند Visual Studio Code)
- عدم نیاز به تجربه برنامهنویسی قبلی
- دسترسی به اینترنت
این دوره دروازه شما برای تبدیل شدن به یک توسعهدهنده فرانتاند وب ماهر است. با HTML و CSS شروع میکنید و پایهای برای ایجاد صفحات وب زیبا میگذارید. JavaScript به شما قدرت میدهد تا تعامل و عملکرد را اضافه کنید، در حالی که Bootstrap تضمین میکند که پروژههای شما واکنشگرا و از نظر بصری جذاب هستند.
پروژههای عملی ما، از جمله یک ساعت شیک، یک برنامه هواشناسی پویا و یک وبسایت نمونه کار حرفهای، مهارتهای شما را در سناریوهای واقعی محک میزند.
چه آرزوی شروع یک شغل در توسعه فرانتاند را داشته باشید، چه بخواهید مهارتهای فعلی خود را ارتقا دهید یا ایدههای طراحی وب خود را زنده کنید، این دوره شما را با دانش و تخصص لازم برای موفقیت مجهز میکند. اکنون ثبت نام کنید و سفر خود را برای تبدیل شدن به یک متخصص توسعه فرانتاند وب آغاز کنید!
همین امروز در دوره توسعهدهنده فرانتاند وب ثبت نام کنید و آینده شغلی خود را تضمین کنید! (لینک ثبت نام)
HTML
-
مقدمهای بر HTML Introduction to HTML
-
عناصر و تگها Elements and Tags
-
نحوه نصب VS Code How to install VS Code
-
ساختار HTML HTML structure
-
عناصر Block و عناصر Inline Block elemts, Inline elements
-
لیستها و Anchorها Lists & Anchors
-
جداول و فرمها Tables and Forms
-
تگهای Audio و Video Audio and Video Tag
-
پروژه – 1 Project - 1
Cascading Style Sheets (CSS) Cascading Style Sheets (CSS)
-
مقدمهای بر CSS Introduction to CSS
-
مدل جعبهای CSS CSS Box Model
-
فونتهای CSS CSS Fonts
-
استایلدهی به Hyperlinkها و سفارشیسازی آیکونها با CSS Styling Hyperlinks & Customising icons with CSS
-
منوهای کشویی (DropDowns) DropDowns
-
نوارهای ناوبری (Navbars) Navbars
-
ویژگی Displays در CSS CSS Displays
-
Flex Flex
-
Grids Grids
-
گالری عکس Image Gallery
-
گالری عکس واکنشگرا (Responsive) Image Gallery Responsive
-
اسلایدشوها SlideShows
-
صفحهبندی (Pagination) Pagination
-
پسزمینهها (Backgrounds) Backgrounds
-
گرادیانهای خطی (Linear Gradients) Linear Gradients
JavaScript JavaScript
-
مقدمه Introduction
-
نحوه نصب Nodejs How to install Nodejs
-
انواع دادهها (DataTypes) DataTypes
-
انواع عملگرها (Operators) Types of Operators
-
عبارات شرطی (Conditionals) Conditionals
-
حلقهها (Loops) Loops
-
توابع (Functions) Functions
-
توضیحات بیشتر در مورد توابع More on Functions
-
آرایهها (Arrays) Arrays
-
اشیاء و OOPS Objects and OOPS
-
مدل شیء سند (Document Object Model) یا DOM Document Object Model (DOM)
-
توضیحات بیشتر در مورد DOM More on DOM
-
مدل شیء مرورگر (Browser Object Model) یا BOM Browser Object Model (BOM)
-
توضیحات بیشتر در مورد BOM More on BOM
BootStrap & Projects BootStrap & Projects
-
مقدمهای بر BootStrap Introduction to BootStrap
-
پروژه- 2 ساعت با استفاده از HTML، CSS و JavaScript Project- 2 Clock using HTML, CSS and JavaScript
-
پروژه-3 برنامه هواشناسی (Weather APP) Project-3 Weather APP
-
پروژه- 4 وبسایت نمونه کار (Portfolio Website) Project- 4 Portfolio Website
https://donyad.com/d/f18b76
Prashant Mishra
بنیانگذار و مدیرعامل از 1stmentor & Selfcode Academyi، بنیانگذار و مدیرعامل 1 سالگی و خودآموزی آکادمی خود را در سال 2020 آغاز کرد. من در سال 2021 فارغ التحصیل علوم رایانه ای هستم و با اشتیاق برای تدریس، به عنوان BDA در شرکت های مختلف ED-Tech شروع به بازگشت کردم، که باعث افزایش اشتیاق کمی نسبت به این صنعت شد. بیش از 5000+ دانش آموز شخصی را به صورت یک به یک و مبتنی بر گروه آموزش داده اند، که نه تنها کلاس های من را بسیار جالب یافت بلکه یک دامنه بزرگ فرصت های شغلی در آینده را توسعه داده است.
نمایش نظرات