طراحی وب سایت (Front-End)
جهان امروز، جهان تبادل کردن و به اشتراک گذاشتن اطلاعات است. از زمانی که تیم انگلیسی برنزرلی در سرن، وب را ایجاد کرد تا به امروز، وبگاه های اینترنتی، گستره ی فعالیت خود را بسیار بالا برده اند. تا به حدی که امروزه، برای اطلاع از یک فعالیت خدماتی یا یک خبر و حتی نام نویسی های مختلف، باید سراغ وبسایت برویم. بدیهی است که در چنین شرایطی، سیستم وب، بسیار مهم میشود. بسیاری از هنرمندان، کارهای خود را به کمک وبسایتهای مختلف، به اشتراک میگذارند، بسیاری از دانشمندان، نتایج کارهای علمی خود را اینگونه در اختیار همه قرار میدهند و همینطور است که انواع و اقسام وبسایت ها، مانند؛ وبگاههای بازرگانی، وبگاههای ارتباطی،وبگاههای سرگرمی، وبگاههای نرم افزارسازی و ... ایجاد شده اند. بدین ترتیب، حدود یک میلیارد و 300 میلیون صفحه ی وب در سراسر جهان، در حال فعالیت است که البته، وبسایت های فعال ایرانی، سهم بسیار کمی از این رقم دارند.با این گسترش، انتظار میرود که برنامه نویسی وب، در جهان یک حرفه بسیار مورد نیاز به شمار برود. طبق لیست مشاغل پر رونق سال 2017، طراحی وب در صدر مشاغل قرار دارد. در این لیست، حرفه های دیگری، مانند نویسندهی کتاب های آنلاین، آموزش مجازی، متخصص تبلیغات در دنیای مجازی، تولید کنندهی محتوا و ... که غیرمستقیم به وب مربوط می شوند نیز کارآمد و مورد نیاز به حساب می آیند.در ایران نیز، برنامهنویس و توسعه گر وب، جز 10 شغل پردرآمد به حساب میآید، همچنین آمارها نشان میدهد که مخاطبین کنکور هم در چند سال اخیر به قبولی در رشته های کامپیوتری، تمایل بیشتری پیدا کرده اند.با تمام این تفاسیر، شاید این جمله دور از انتظار نباشد که "برنامه نویسی وب، یکی از مهمترین دانستههایی است که در روزگار فعلی، باید آموخت." آموزش وب نویسی به همهی علاقهمندان از اهداف مهم این دوره است. در این دوره با مفاهیم وب و طراحی وبسایت با استفاده از HTML ،CSS ،jQuerry آشنا میشویم و در انتهای دوره واکنشگرا کردن صفحات وب آموزش داده میشود
ثبت نام: هر زمان که خواستید می توانید در این دوره ثبت نام کنید
شروع دوره: به محض ثبت نام در دوره به محتوای دروس دسترسی خواهید داشت.
پایان دسترسی به دوره: شما از زمان ثبت نام به مدت حداقل سه ماه به محتوای دوره (این بازه با توجه به مدت هر دوره متفاوت خواهد بود) دسترسی خواهید داشت.
پروژه: دارد
برگزار کننده: دانشگاه تهران
حد نصاب قبولی در دوره: 75 نمره
شما می توانید از طریق تالار گفتگو با دیگر دانشجویان دوره در ارتباط باشید، شبکه روابط حرفه ای خود را تقویت کنید یا سوالات مرتبط با دوره خود را از دیگر دانشجویان بپرسید.
Announcements
فصل اول - HTML 24
-
در این بخش با ساختار کلی فایل های html آشنا می شوید. در مورد تگ ها در html توضیح داده می شود و نوشتن attribute برای تگ های html آموزش داده می شود.
در پایان این بخش، یک پروژه ی میان مدت را شروع می کنیم که تا پایان بخش css آن را تکمیل خواهیم کرد
-
آشنايي با دوره وب
-
آشنايي با وب
-
web, html and front-end
-
HTML and front-end
-
html requests
-
Requests
-
نصب نرم افزارها
-
ساختار یک صفحه html
-
تگ ها
-
تگ head
-
تگ body
-
attributes, div and span
-
لینک با تگ "a"
-
تگ ها
-
لیست های مرتب
-
لیست های نامرتب
-
lists
-
فرم ها
-
فرم ها
-
عکس ها
-
عکس ها
-
ویدئو
-
ویدئو
فصل دوم - CSS 38
-
در این بخش CSS آموزش داده می شود. از CSS برای طراحی رویه سایت استفاده می شود.
-
آشنایی با CSS
-
مفاهیم اولیه CSS
-
CSS Syntax
-
Color
-
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
فصل سوم-java script 7
-
در این بخش به آموزش جاوااسکریپت پرداخته می شود. جاوااسکریپت در کنار html و CSS یکی از سه تکنولوژی اصلی طراحی وب است.
-
آشنایی با جاوا اسکریپت
-
خروجی جاوا اسکریپت در لاگ کنسول
-
if و for در جاوااسکریپت
-
آشنایی با JavaScript html DOM
-
javascript dom style
-
jsdom style
فصل چهارم - jQuery 9
-
در این بخش به آموزش جاوااسکریپت پرداخته می شود. جاوااسکریپت در کنار html و CSS یکی از سه تکنولوژی اصلی طراحی وب است.
-
آشنایی با 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
فصل پنجم - طراحي واكنش گرا 13
-
در این بخش با طراحی واکنش گرا صفحات وب آشنا می شوید تا بتوانید صفحاتی را طراحی نمایید که بر روی نمایشگرهای مختلف ظاهر مناسبی داشته باشند.
-
آشنایی با طراحی واکنش گرا
-
gridview
-
media queries
-
media queries
-
dual breakpoints
-
عکس و ویدئو
-
عكس و ويدئو
-
پروژه نهایی طراحی صفحه وب واکنش گرا
-
آشنایی با bootstrap
-
bootstrap buttons, glyphicon and images
-
بوت استرپ
-
پروژه بخش طراحی واکنش گرا
پروژه نهايي 3
-
شرح پروژه نهایی دوره
-
پروژه نهایی دوره
-
درخواست صدور گواهينامه