لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش اصول و مبانی توسعه وب (Web Development)
- آخرین آپدیت
دانلود Fundamentals of Web Development
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره آموزشی شامل ساخت صفحات و سایتهای وب با استفاده از HTML، CSS، Javascript، jQuery و برنامههای گرافیکی است. همچنین معماری کلاینت-سرور اینترنت و تکنولوژیهای مرتبط با وب در این دوره بررسی میشود. در این مسیر، فرآیند ایجاد و پیادهسازی صفحات وب مدرن و مطابق با استانداردهای روز آموزش داده میشود. دانشجویان در پایان دوره، یک وبسایت چندصفحهای با ساختارهای لینکدهی شده (Cross-linked) طراحی و راهاندازی خواهند کرد.
نیازمندیهای نرمافزاری:
- یک حساب ایمیل.
- یک حساب GitHub.
یک کامپیوتر شخصی با نرمافزارهای زیر:
- یک ویرایشگر کد (Text Editor) با قابلیت Syntax Highlighting. پیشنهاد شده: Notepad++ (ویندوز)، TextWrangler (مک) یا Sublime Text (چند پلتفرم).
- نرمافزار GitHub Desktop (یا Git اگر در آن مهارت دارید).
- نرمافزار ویرایش تصویر (مانند GIMP که رایگان و متنباز است).
- حداقل سه مرورگر مختلف (مانند Chrome، Opera، Firefox و یا Edge)
سرفصل ها و درس ها
ماژول ۱: ساختارهای اینترنت و مقدمهای بر HTML
Module 1: Internet Structures and an Introduction to HTML
مرور کلی دوره
Course Overview
معرفی مدرس
Instructor Introduction
مقدمه ماژول ۱
Module 1 Introduction
تاریخچه وب بخش ۱
History of the Web - Part 1
تاریخچه وب بخش ۲
History of the Web - Part 2
تاریخچه وب بخش ۳
History of the Web - Part 3
ابزارهای انتشار در اینترنت بخش ۱
The Tools of Internet Publishing - Part 1
ابزارهای انتشار در اینترنت بخش ۲
The Tools of Internet Publishing - Part 2
ابزارهای انتشار در اینترنت بخش ۳
The Tools of Internet Publishing - Part 3
مرورگرها و آدرسهای وب بخش ۱
Browsers and Web Addresses - Part 1
مرورگرها و آدرسهای وب بخش ۲
Browsers and Web Addresses - Part 2
درخواستهای HTTP
HTTP Requests
آشنایی با سه زبان اصلی وب
Meet Our Three Languages
مبانی HTML بخش ۱
The Basics of HTML - Part 1
مبانی HTML بخش ۲
The Basics of HTML - Part 2
مبانی HTML بخش ۳
The Basics of HTML - Part 3
نحوه تحویل پروژهها و تمرینها
How to Turn In Labs
ماژول ۲: آموزش HTML
Module 2: HTML
مقدمه ماژول ۲
Module 2 Introduction
المانهای HTML (Inline در مقابل Box) بخش ۱
HTML Elements (inline vs box) - Part 1
المانهای HTML (Inline در مقابل Box) بخش ۲
HTML Elements (inline vs box) - Part 2
لیستها و سلسلهمراتب در HTML
HTML Lists and Cascades
لینکها و تصاویر در HTML بخش ۱
HTML Links and Images - Part 1
لینکها و تصاویر در HTML بخش ۲
HTML Links and Images - Part 2
جداول HTML
HTML Tables
ماژول ۳: فرمهای HTML
Module 3: HTML Forms
مقدمه ماژول ۳
Module 3 Introduction
ناوبری وبسایت (با HTML ساده)
Website Navigation (Simple HTML)
فرمهای HTML بخش ۱
HTML Forms - Part 1
فرمهای HTML بخش ۲
HTML Forms - Part 2
فرمهای HTML بخش ۳
HTML Forms - Part 3
کاراکترهای خاص UTF8
UTF8 Special Characters
ماژول ۴: مقدمهای بر CSS
Module 4: Introduction to CSS
مقدمه ماژول ۴
Module 4 Introduction
نحوه ارتباط CSS با HTML
How CSS talks to HTML
تعیین ویژگیهای CSS بخش ۱
CSS Declaration - Part 1
تعیین ویژگیهای CSS بخش ۲
CSS Declaration - Part 2
نوشتن انتخابگرهای CSS برای دقت بیشتر
Writing CSS Selectors for Specificity
مدل جعبه (Box Model) و تعیین اندازه جعبه
The Box Model and Box Sizing
ریست کردن استایلهای CSS
CSS Resets
ماژول ۵: ویژگیهای Float و Position در CSS
Module 5: CSS Floats and Positions
مقدمه ماژول ۵
Module 5 Introduction
فونتها در CSS بخش ۱
CSS Fonts - Part 1
فونتها در CSS بخش ۲
CSS Fonts - Part 2
ویژگی Float در CSS بخش ۱
CSS Floats - Part 1
ویژگی Float در CSS بخش ۲
CSS Floats - Part 2
ویژگی Position در CSS بخش ۱
CSS Positions - Part 1
ویژگی Position در CSS بخش ۲
CSS Positions - Part 2
ناوبری افقی بخش ۱
Horizontal Navigation - Part 1
ناوبری افقی بخش ۲
Horizontal Navigation - Part 2
ناوبری متمرکز (Centered)
Centered Navigation
ماژول ۶: چیدمان و طراحی وبسایت
Module 6: Website Layouts and Design
مقدمه ماژول ۶
Module 6 Introduction
چیدمانهای استاندارد وبسایت
Standard Website Layouts
طراحی ریسپانسیو (واکنشگرا)
Responsive Design
انیمیشنها، تغییر حالتها و انتقالها در CSS بخش ۱
CSS Transitions, Transformations, and Animations - Part 1
انیمیشنها، تغییر حالتها و انتقالها در CSS بخش ۲
CSS Transitions, Transformations, and Animations - Part 2
انیمیشنها، تغییر حالتها و انتقالها در CSS بخش ۳
CSS Transitions, Transformations, and Animations - Part 3
انتخابگرهای کاذب (Pseudo selectors) در CSS
CSS Pseudo-selectors
نمایش عملی یک سایت کامل بخش ۱
Full-site Demonstration - Part 1
نمایش عملی یک سایت کامل بخش ۲
Full-site Demonstration - Part 2
ماژول ۷: مقدمهای بر جاوااسکریپت
Module 7: Introduction to Javascript
مقدمه ماژول ۷
Module 7 Introduction
مبانی جاوااسکریپت (JS) بخش ۱
The Basics of JavaScript (JS) - Part 1
مبانی جاوااسکریپت (JS) بخش ۲
The Basics of JavaScript (JS) - Part 2
ویژگیهای زبان و سینتکس JS بخش ۱
JS Language Features and Syntax - Part 1
ویژگیهای زبان و سینتکس JS بخش ۲
JS Language Features and Syntax - Part 2
ویژگیهای زبان و سینتکس JS بخش ۳
JS Language Features and Syntax - Part 3
رابط برنامهنویسی گوگل مپ (Google Maps API) بخش ۱
Google Maps API (Application Programming Interface) - Part 1
رابط برنامهنویسی گوگل مپ (Google Maps API) بخش ۲
Google Maps API (Application Programming Interface) - Part 2
اشیاء در JS، مدیریت رویدادها و DOM بخش ۱
JavaScript Objects, Event Handling, and DOM (Document Object Model) - Part 1
اشیاء در JS، مدیریت رویدادها و DOM بخش ۲
JavaScript Objects, Event Handling, and DOM (Document Object Model) - Part 2
ماژول ۸: جیکوئری (JQuery) و فریمورکها
Module 8: JQuery and Frameworks
مقدمه ماژول ۸
Module 8 Introduction
نحوه دسترسی به اشیاء جاوااسکریپت و تغییر HTML
How-To Grab JavaScript Objects and Change HTML
مقدمهای بر JQuery و اسلایدرهای جعبهای بخش ۱
JQuery Intro and Box Sliders - Part 1
مقدمهای بر JQuery و اسلایدرهای جعبهای بخش ۲
JQuery Intro and Box Sliders - Part 2
ویدیوهای ریسپانسیو
Responsive Videos
اهمیت این مفاهیم در استفاده از فریمورکهای وب بخش ۱
What This All Means for Using Website Frameworks - Part 1
اهمیت این مفاهیم در استفاده از فریمورکهای وب بخش ۲
What This All Means for Using Website Frameworks - Part 2
نمایش نظرات