!Udemy - The Complete Front-End Web Development Course
Update 2020/6
| این دورهٔ آموزشی ارائه‌شده دوره‌ای جدید، کامل و آپدیت‌شده است |
| در پلیر موجود در این صفحه، می‌توانید ویدئوی مقدمه و آشنایی با آموزش‌های این دوره را به‌صورت آنلاین تماشا کنید |
توجه داشته باشید که این آموزش تصویری ارائه‌شده یکی از برترین، پَرامتیازترین، پرفروش‌ترین و تأثیرگذارترین آموزش‌های کمپانی Udemy است و در سایت اصلی خود یعنی یودمی، تنها با پرداخت مبلغی بسیار زیاد قابل خریداری و استفاده خواهد بود.
برنامه‌نویسان و سازندگان سایت‌های اینترنتی که در زمینهٔ طراحی و توسعه وب فعال هستند، قطعاً با برنامه‌نویسی فرانت-اِند (Front-End) آشنایی دارند. واژهٔ Front در زبان انگلیسی به معنای جلو، ظاهر، پیش، پیشگاه و معنی‌هایی از این قبیل است. برنامه‌نویسی و توسعهٔ وب فرانت-اِند (Front-End) شامل تمامی متعلقات ظاهری و قابل‌مشاهدهٔ سایت است. به برنامه‌نویسی، نحوهٔ ایجاد و قابل‌مشاهده‌کردن مواردی از قبلی ظواهر گرافیکی، تصاویر و به‌طورکلی همهٔ چیزهایی که کاربران می‌توانند در سایت‌های اینترنتی ببینند و از آنها استفاده کنند، اصطلاحاً Front-End می‌گویند. درواقع کاربران انواع وبسایت‌ها، تنها با همین موارد ظاهری و قابل‌مشاهدهٔ سایت سر و کار دارند و پشت پردهٔ مفصل و پُرجزئیات وبسایت‌ها را نمی‌بینند؛ پشت پرده و هرآن چیزی که در باطن وبسایت‌ها وجود دارند و موارد فنی و غیرقابل‌مشاهده را شامل می‌شوند، در اصطلاح برنامه‌نویسان توسعه‌دهندگان وب، Back-End نام دارد و تخصص‌های ویژهٔ خودش را می‌طلبد.
به‌روز بودن و برخورداری از مهارت و اطلاعات کافی درمورد متُدهای نوین برنامه‌نویسی Front-End، یکی از مهترین و موردنیازترین مهارت‌هایی به‌شمار می‌رود که هر برنامه‌نویس و توسعه‌دهنده وب، باید به‌خوبی با آن آشنا باشد. با استفاده از این دورهٔ آموزشی – به‌صورت فیلم‌های جداگانه – می‌توانید اصول و مهارت‌های بنیادی برنامه‌نویسی Front-End را به بهترین نحو یاد بگیرید؛ توجه داشته باشید که برای ورود به آموزش‌های این دوره و فهمیدن درس‌ها، به هیچ‌گونه مهارت و دانش قبلی در این زمینه نیازی ندارید و می‌توانید از صفر شروع کنید.
فایل‌های زیرنویس انگلیسی این دوره نیز به همراه و در کنار ویدئوهای آموزشی ارائه شده‌اند و نیازی به دانلود جداگانهٴ آنها نیست.
تولید کننده: Udemy
سطح: مناسب برای همه – از مقدماتی تا پیشرفته
تاریخ آخرین آپدیت: 2020/6
مدت زمان آموزش: 16 ساعت و 48 دقیقه
زبان آموزش: انگلیسی
زیرنویس انگلیسی: دارد
فرمت فایل‌های ویدئویی: MP4
مدرسان: Joseph Delgadillo, Nick Germaine
فهرست کامل سرفصل‌ها و عناوین آموزشی این دوره، به همراه زمان دقیق آنها:
Course Content: 14 Sections | 126 Lectures | 16h 48m Total Length
____________________________________________________
Welcome to the Course! | 2 Lectures | 7min
Introduction to the course | 01:46
Atom setup | 05:15
Web Development Basics - HTML | 9 Lectures | 58min
HTML document structure | 04:05
HTML elements - div and span | 06:43
HTML elements - i, b, p, and a | 06:28
HTML elements - ul, li, and ol | 05:23
HTML elements - header and footer | 05:21
HTML elements - section, main, and article | 08:14
HTML elements - h1-h6 and aside | 03:16
HTML tables | 09:56
Project #1 - HTML text site | 08:30
Advanced HTML Concepts | 10 Lectures | 53min
Images | 03:30
Forms | 04:48
Inputs | 07:01
Checkboxes | 04:55
Radio buttons | 04:40
Select, option, and buttons | 06:19
HTML5 videos | 07:13
HTML5 audio | 04:35
Doctypes | 02:58
Meta tags | 07:13
Introduction to Cascading Style Sheets (CSS) | 11 Lectures | 1hr 32min
Targeting color and background | 15:58
Element specificity | 03:48
ID targeting, margin, and border | 11:50
Padding, margin, and float | 08:11
Max-width and background-image | 16:43
Switching over to an IDE | 01:45
Font weight, style, and family | 13:43
Text decorations | 03:51
Text spacing | 03:54
Text decoration modification | 04:16
Text shadow | 07:42
Advanced CSS | 7 Lectures | 52min
Pseudo-states | 08:52
Border radius | 08:27
Positions | 09:04
Pseudo-elements | 06:54
Z-index | 05:50
Viewpoint width and height, overflowing content | 07:20
Transition property | 05:30
JavaScript for Beginners | 11 Lectures | 1hr 3min
Intro to JavaScript | 04:23
Alerts and console logging | 05:44
Integers, strings, and variables | 06:49
Undefined variables and modifying values of variables | 05:27
Boolean operators | 02:48
Comparing values | 05:10
If statements | 10:53
For loops | 03:19
Defining functions | 06:04
Event handling | 09:06
Setting an elements innerHTML | 02:49
More JavaScript Concepts | 12 Lectures | 1hr 40min
Arrays pt.1 | 05:57
Arrays pt.2 | 06:55
Arrays pt.3 | 05:24
Textareas and getting the value of inputs | 13:43
Functions - parameters and return values | 07:34
Multiple parameters in functions | 05:01
Flexible function parameters | 11:57
Exercise - find the missing number | 07:52
Exercise solution | 07:33
Classes explained | 04:55
Class constructor, instance variables, and static variables | 09:07
Extending classes | 13:39
Getting Started with jQuery | 11 Lectures | 1hr 39min
jQuery setup | 06:17
Targeting elements | 04:10
Event handling | 10:48
Dropdown menus | 22:22
Making our dropdown disappear | 04:36
Multiple targets, events, and attr method | 08:45
Prepend, append, and html | 05:16
preventDefault | 06:11
event.which and switch properties | 09:01
Custom context menu, pageY, and pageX | 13:28
is method | 07:54
More jQuery | 8 Lectures | 57min
Writing our own version of jQuery | 17:23
Find method | 04:40
First and last | 01:59
Focusin and focusout | 11:21
Contains, is, and hasClass | 07:08
Each method | 02:36
Callbacks | 07:14
CSS | 05:03
Bootstrap Basics | 6 Lectures | 49min
Bootstrap setup | 06:48
Navbar pt.1 | 06:44
Navbar pt.2 | 10:41
Forms pt.1 | 13:59
Forms pt.2 | 04:41
Buttons | 05:43
Project #2 - Pipboy from Fallout 4 | 18 Lectures | 2hr 50min
Setup | 09:14
Navbar | 07:35
Main page | 06:45
Pipboy image and footer | 13:25
Colors | 05:03
Font and styling main nav | 13:03
Scanlines | 06:19
Navigation styling | 09:43
Tabs | 08:57
Progress bars | 10:11
Stat bars | 13:35
Footer fixes | 02:08
Damage and resistance | 05:27
Icons | 12:51
Inventory template | 04:11
Item list | 13:02
Weapon stat container | 11:05
Finishing touches with JavaScript | 17:53
Project #3 - Google Chrome Extension | 11 Lectures | 1hr 16min
Problem solving | 05:15
Manifest files | 05:56
Basic setup | 03:14
Getting video URLs | 02:07
Injecting JavaScript | 05:56
Getting pretty objects for each URL | 04:46
Creating download options list | 16:29
Communicating between the page and extension | 09:25
Chrome downloads API and background scripts | 07:59
Receiving messages and downloading files | 05:44
Styling our extension and publishing | 09:13
Final Thoughts | 1 Lecture | 16min
Tips for getting started as a professional web developer | 16:08
BONUS - Coding Another Google Chrome Extension | 9 Lectures | 1hr 57min
Introduction and manifest | 21:57
Content scripts | 16:04
Messaging different parts of the extension | 10:13
Creating share popup | 08:21
Icons | 10:55
Building an image downloader | 13:34
Interacting with the DOM | 28:47
Uploading to the Chrome Web Store | 07:17
Source code | 00:00