آموزش html و css به عنوان پایه های آموزش طراحی سایت از طریق منابع متعدد آنلاین به راحتی امکان پذیر است. اما در این میان، نکته حائز اهمیت منابع مورد استفاده برای این منظور هستند که می توانند برای آینده ی کاری هر طراح سایتی سرنوشت ساز باشند. در این پست ۲۱ منبع معتبر (به انتخاب impressivewebs.com) معرفی می شوند. توجه داشته باشید تمام این منابع به زبان انگلیسی هستند.

۱. راهنمای مقدماتی html و css

تازه کارها میتوانند بهترین آموزش ها را در این سایت بیابند. این منبع روی پایه های html و css مانور می دهد و تمام المان های مؤثر در front end (آنچه بازدید کننده می بیند) را معرفی میکند. می توانید پایه ها را فرا گرفته و با تکنیکهای جدید در css3 آشنا گردید.

۲. کتاب HTML & CSS

یکی از پر فروش ترین کتب در آمازون.کام درباره طراحی سایت. آنچه آمازون درباره این کتاب میگوید جالب است: “یک کتاب آموزشی که صرفاً برای برنامه نویس ها، نوشته نشده است. این کتاب مناسب تمام بلاگرها، مدیران، فعالان کسب و کارهای آنلاین، طراحان، بازاریابها و … است تا با نحوه نوشته شدن یک صفحه وب آشنا شوند!”

۳. آموزش ویدئوئی از تاتس پلاس

آموزش های پرمیوم و حرفه ای تاتس پلاس که برای دسترسی به آنها می بایست عضو پرمیوم باشید اما این سری آموزشهای html و css که آموزش را از پایه شروع میکنند، نیاز به این نوع عضویت ندارند! از این فرصت استثنائی بهره بگیرید.

۴. کتاب The CSS3 Anthology

کتابی در سبک سئوال و جواب. قرار نیست با این کتاب تجربه مطالعه چندین جلد کتاب را بدست آورید! این مجموعه در واقع یک منبع معتبر برای یادگیری نکات بسیار پیرامون CSS3 به همراه مقدماتی برای طراحی رسپانسیو است. علاقه مندان کم تجربه تر می توانند بیشترین بهره را از این کتاب ببرند.

۵. آموزش پویا با Code Avengers

این وب سایت آموزش رایگان جاوا اسکریپت، html و css را در فضایی جذاب ارائه میدهد. در حال حاضر ۳ دوره در سایت ارائه می شود که شامل html/css و جاوا اسکریپت سطح ۱ و سطح ۲ می شوند. البته لغات و اصطلاحات بسیار عامیانه به کار رفته اند تا برای کاربران مبتدی نیز مناسب باشند.

۶. آموزش تصویری جی کوئری در ۳۰ روز

ایده آل برای افرادی که علاقه مند به فراگیری جی کوئری هستند از سوی تاتس پلاس!

۷. دوره تصویری از اینترنت نترسید

دوره های آموزشی ساده به صورت ویدئویی که با مقدمات کار با اینترنت شروع می شوند و به بررسی html و css نیز میپردازند.

۸. دوره های پویای CodeAcademy

یکی از محبوب ترین دوره های آنلاین آموزش جاوا اسکریپت، جی کوئری، html و css برای مبتدیان.

۹. آموزش ویدئویی و آزمون های TreeHouse

آموزشهای سطح بالای html، CSS، طراحی رسپانسیو و همچنین iOS برای نوشتن اپلیکیشن.

۱۰. دوره های ویدئویی jaqury air

آموزش ویدئویی مبانی جاوا اسکریپت و جی کوئری.

۱۱. Scrunchup

هدف این سایت ارائه آموزش به دانشجویانی است که میخواهند در صنعت طراحی وب شغلی داشته باشند.

۱۲. W3C

منبعی کامل از مقالات و نکات برای طراحی وب و استانداردها.

۱۳. آموزشهای ویدئویی گوگل

حدود ۲ ساعت آموزش ویدئویی رایگان در زمینه html، CSS و جاوا اسکریپت.

۱۴. مفاهیم html5 و CSS3

۲۱ جلسه آموزش ویدئویی رایگان html5 و css3.

۱۵. jQuery Fundamentals

منبعی مناسب برای مبتدیان در جهت فراگیری جی کوئری و جاوا اسکریپت.

۱۶. JavaScript for cats

منبعی برای رشته ها، متغیر ها و فانکشن های جاوا اسکریپت برای مبتدیان.

۱۷. JavaScript Fundamentals

۲۱ ویدئوی آموزشی در مورد جاوا اسکریپت.

۱۸. Mozilla Developer Network

منبعی از منابع! در زمینه های html، css و جاوا اسکریپت که توسط متخصصین گردآوری شده است.

۱۹. ریزه کاریهای CSS

مجموعه مقالات Chris Coyier در زمینه تریک های css.

۲۰. مبانی CSS

مقدمات CSS در قالب مجموعه پستهای یک بلاگ.

۲۱. Learn CSS Layout

یک منبع آموزشی مناسب دیگر در زمینه CSS.

توجه داشته باشید که معرفی مجموع این منابع برای آشنایی ابتدایی با css و html انجام شده است چرا که بارها شخصاً به این دو مورد محتاج شده ام و البته وبمسترهای زیادی را دیده ام که اگر فقط در حد مقدمات آشنایی داشتند، کارهای خود را با سرعت خیلی بالاتر به انجام می رساندند.