درباره دوره
آموزش طراحی وب سایت : جهان امروز، جهان تبادل کردن و به اشتراک گذاشتن اطلاعات است. از زمانی که تیم انگلیسی برنزرلی در سرن، وب را ایجاد کرد تا به امروز، وبگاه های اینترنتی، گستره ی فعالیت خود را بسیار بالا برده اند. تا به حدی که امروزه، برای اطلاع از یک فعالیت خدماتی یا یک خبر و حتی نام نویسی های مختلف، باید سراغ وبسایت برویم. بدیهی است که در چنین شرایطی، سیستم وب، بسیار مهم میشود. بسیاری از هنرمندان، کارهای خود را به کمک وبسایتهای مختلف، به اشتراک میگذارند، بسیاری از دانشمندان، نتایج کارهای علمی خود را اینگونه در اختیار همه قرار میدهند و همینطور است که انواع و اقسام وبسایت ها، مانند؛ وبگاههای بازرگانی، وبگاههای ارتباطی،وبگاههای سرگرمی، وبگاههای نرم افزارسازی و ... ایجاد شده اند. بدین ترتیب، حدود یک میلیارد و 300 میلیون صفحهی وب در سراسر جهان، در حال فعالیت است که البته، وبسایت های فعال ایرانی، سهم بسیار کمی از این رقم دارند.
در این دوره مباحث CSS ، HTML ، javaScript پوشش داده شده است.
با این گسترش، انتظار میرود که برنامه نویسی وب، در جهان یک حرفه بسیار مورد نیاز به شمار برود.
طبق لیست مشاغل پر رونق سال 2017، طراحی وب در صدر مشاغل قرار دارد. در این لیست، حرفه های دیگری، مانند نویسندهی کتاب های آنلاین، آموزش مجازی، متخصص تبلیغات در دنیای مجازی، تولید کنندهی محتوا و ... که غیرمستقیم به وب مربوط می شوند نیز کارآمد و مورد نیاز به حساب می آیند.
در ایران نیز، برنامهنویس و توسعه گر وب، جز 10 شغل پردرآمد به حساب میآید، همچنین آمارها نشان میدهد که مخاطبین کنکور هم در چند سال اخیر به قبولی در رشته های کامپیوتری، تمایل بیشتری پیدا کرده اند.
با تمام این تفاسیر، شاید این جمله دور از انتظار نباشد که "برنامه نویسی وب، یکی از مهمترین دانستی هایی است که در روزگار فعلی، باید آموخت."
سرفصل‌های دوره آموزش طراحی وب سایت (Front-End)
فصل اول - HTML
- آشنایی با دوره وب
- آشنایی با وب
- web, html and front-end
- HTML and front-end
- html requests
- Requests
- نصب نرم افزارها
- ساختار یک صفحه html
- تگ ها
- تگ head
- تگ body
- attributes, div and span
- لینک با تگ "a"
- لیست های مرتب
- لیست های نامرتب
- فرم ها
- عکس ها
- ویدئو
فصل دوم - CSS
در این بخش CSS آموزش داده می شود. از CSS برای طراحی رویه سایت استفاده می شود.
- آشنایی با CSS
- مفاهیم اولیه CSS
- CSS Syntax
- Color
- Selectors
- pseudo classes
- pseudo elements
- CSS and class and id
- انتخاب المان
- specifity
- border
- margin
- padding
- css outline
- Css width and height
- text
- font
- links
- ویژگی المان ها و لینک
- maxwidth
- position
- float
- المان ها و فونت
- display and opacity
- CSS3 border corners and multiple images
- CSS3 gradient and shadow
- color and position
- CSS3 transition
- CSS3 animation
- انیمیشن
- مهارت سرچ کردن در برنامه نویسی
- توضیح مکمل پروژه اول
- شرح پروژه بخش HTML
- شرح پروژه بخش HTML و CSS (بخش اول - navbar)
- شرح پروژه بخش HTML و CSS (بخش دوم - modal)
- شرح پروژه بخش HTML و CSS (بخش سوم - up and down jump buttons)
- پروژه بخش HTML و CSS
فصل سوم - JavaScript
در این بخش به آموزش جاوااسکریپت پرداخته می شود. جاوااسکریپت در کنار html و CSS یکی از سه تکنولوژی اصلی طراحی وب است.
- آشنایی با جاوا اسکریپت
- خروجی جاوا اسکریپت در لاگ کنسول
- if و for در جاوااسکریپت
- آشنایی با JavaScript html DOM
- javascript dom style
- jsdom style
فصل چهارم - jQuery
دراین بخش با یکی از کتابخانه های مفید جاوااسکریپت با نام jQuery آشنا می شویم.
در پایان این بخش پروژه ی میان مدت دوم، پروژه ی javascript/jQuery را انجام خواهید داد که نسخه ی بهبود یافته ی پروژه ی اول است.
- آشنایی با jQuery
- when document is ready
- jquery : events and selectors
- event selector
- jquery hide, show and fade effects
- slide, animation and stop animation effects
- animation
- پروژه بخش jQuery
فصل پنجم - طراحی واکنش گرا
در این بخش با طراحی واکنش گرا صفحات وب آشنا می شوید تا بتوانید صفحاتی را طراحی نمایید که بر روی نمایشگرهای مختلف ظاهر مناسبی داشته باشند.
- آشنایی با طراحی واکنش گرا
- gridview
- media queries
- dual breakpoints
- عکس و ویدئو
- پروژه نهایی طراحی صفحه وب واکنش گرا
- آشنایی با bootstrap
- bootstrap buttons, glyphicon and images
- بوت استرپ
- پروژه بخش طراحی وا
پیش‌نیاز‌های دوره آموزش طراحی وب سایت (Front-End)
این دوره برای تمامی علاقهمندان به برنامه نویسی وب، کاربردی و مفید است و پیشنیاز خاصی ندارد.
نظر شما در مورد این پست چیه؟