آموزش تصویری HTML و CSS

[HKaveh]

• کاش آموزش کاملی از Aptana هم جزو برنامتون بود.ماشالله هرچی تو آپشن می گردی تموم نمی شه !
• اگر می خواهی اموزشت واقعا در حد عالی باشه حدالامکان از هیچ تگی در Html5 و Css3 چشم پوشی نکن.معمولا کسانی که این ویدپو هارو می بینند چیز زیادی بلد نیستند و به این امید این آموزش هارو می بینند که دیگه دنبال آموزش نروند
• اگر در شروع آموزش،دوره ای کوتاه از درس قبل و مقدمه ای از درس جدید داشته باشیم بسیار تاثیرگذارتر خواهد شد
• «باران باش و ببار و نگو که کاسه‌های خالی از آن کیست.» کورش کبیر
  
  با تشکر

[Matrix.1372]

امکانش هست که یک subscribe برای این ویدیوها بسازی که از طریق ایمیل باخبر بشیم! یعنی همینطور که اینجا اعلام میکنی بروز شد یک خبرنامه هم به لیست سابسکرایب بفرستی. چون ما که همه وقت اینجا نمی یاییم!

چشم! ایمیل که نه ولی یک فید برای این بخش ایجاد می‌کنم که می‌تونید اون رو دنبال کنید، ضمن این‌که همین تاپیک رو هم می‌تونید دنبال کنید.

خوب بود ولی انصافا عالی نبود ...
اولا یه مقدار حس کد نوشتن رو به آدم منتقل نمیکنه ... شما که دیگه خودت پیرهن جرواجر کردی دیگه بهتره با ترمینال کار کنی واسه آموزش! تاثیر بیشتری داره و سریع تره .
هم حالت آموزشی میگیره هم جذاب تره . هم گنو/لینوکسی تره  (highlighting هم داره)

عزیزم ما یاد می‌گیریم که یک محیط ویژوال طراحی کنیم، و گرنه اصلا چرا HTML و CSS ساخته شدن؟ همون فایل txt رو رندر می‌کردن!
امیدوارم کسی انتظار نداشته باشه، من توی نانو کد بزنم و تحت مرورگرهای متنی ترمینال نتیجه رو نشون بدم!
عایا؟!

دوما ، چرا اینقد از موس استفاده میکنی ؟  آدم زورش میگیره  (احساس میکنم یه ربع طول میکشه که یه پنجره رو باز کنی بعد رو فولدر کلیک کنی بعد کلیک راست کنی ... )

به‌خاطر اینه که فریم ریت رو پایین آوردم تا حجم ویدئوها کم بشه.

کاش آموزش کاملی از Aptana هم جزو برنامتون بود.ماشالله هرچی تو آپشن می گردی تموم نمی شه

یه شماره مخصوص آشنایی اولیه وجود داره و آپشن‌های دیگه هم به مرور باهاش آشنا می‌شیم، ضمن این‌که برای html و css همین‌ها کفایت می‌کنه و خیلی از امکانات aptana مربوط به php, ruby, javascript میشه.

اگر می خواهی اموزشت واقعا در حد عالی باشه حدالامکان از هیچ تگی در Html5 و Css3 چشم پوشی نکن.معمولا کسانی که این ویدپو هارو می بینند چیز زیادی بلد نیستند و به این امید این آموزش هارو می بینند که دیگه دنبال آموزش نروند

تقریبا تمام تگ‌های html5 رو توی روندکار دارم ولی تگ‌های html4 که منسوخ شده رو اصلا بحث نمی‌کنم چون بیهودس، همینطور تگ‌هایی که جایگزین در css داره!
ممکنه چند ویدئو اختصاص بدم به کار با انیمیشن در css3 که هنوز مشابه وطنی نداره!

اگر در شروع آموزش،دوره ای کوتاه از درس قبل و مقدمه ای از درس جدید داشته باشیم بسیار تاثیرگذارتر خواهد شد

معمول ویدئوها در ادامه هم هستن و نیاز به خلاصه گویی از فصل قبل رو برطرف می‌کنن ضمن این‌که هیچ چیز از دست شما در نمی‌ره، حداکثر می‌تونید اگر متوجه نشدید یک ویدئو رو دوباره مرور کنید.
جاهایی که نیاز باشه در انتهای ویدئو یک خلاصه گفتم مثل شماره ۴ استفاده از css

[Matrix.1372]

یه نکته‌ای هم بگم:
بنده واقعا آدم انتقاد پذیری هستم و به هیچ وجه قصد ندارم اگر مشکلی هست توجیه کنم! نمونش همین سایت 30li که در تشریح دستورات خط فرمان فعالیت می‌کنه، یک وبلاگ مجزا در اختیار هر نویسنده قرار داره تا در مورد نویسه‌ها اگر بحثی هست، مطرح بشه و پس از رسیدن به یک جمع‌بندی اعمال شه!
شخصا عقیده دارم یا یه کاری رو انجام ندم یا اگر انجام می‌دم تا حد توان به بهترین وجه ممکن صورت بدم اون کار رو!
لذا خواهشمندم دوستان اگر در مورد ویدئوها یا هرچیز دیگه‌ای، همینطور پاسخ‌هایی که به نظرات دوستان دادم، پیشنهاد، انتقاد یا نکته‌ای به ذهنشون می‌رسه مطرح کنن.
با تشکر

[امین - am1n]

عزیزم ما یاد می‌گیریم که یک محیط ویژوال طراحی کنیم، و گرنه اصلا چرا HTML و CSS ساخته شدن؟ همون فایل txt رو رندر می‌کردن!
امیدوارم کسی انتظار نداشته باشه، من توی نانو کد بزنم و تحت مرورگرهای متنی ترمینال نتیجه رو نشون بدم!
عایا؟!

نه بابا  تحت مرورگر متنی چیه ! مگه مشکل داره آدم 
این حرف اصن ربطی به ویژوال! کار کردن! و ادیتور ! نداره که دادا  مگه کد نوشتن گرافیک میخواد
اول و آخرش میشه کد . جاوا که نیست که نیاز به ادیتور خفن با امکانات خطا یابی داشته باشه!
حالا اینارو وللش! حداقل از یه ادیتور بهتر با پس زمینه ی سفید انتخاب کن که ملت ببینن چی به چیه ! هایلایت هم شده باشه درست حسابی !
بعد یه سوالی که پیش میاد اینه که کلماتی مثل type رو خودت از عمد اشتباه میگی یا چی ؟ 

[Matrix.1372]

این حرف اصن ربطی به ویژوال! کار کردن! و ادیتور ! نداره که دادا  مگه کد نوشتن گرافیک میخواد
اول و آخرش میشه کد . جاوا که نیست که نیاز به ادیتور خفن با امکانات خطا یابی داشته باشه!

به نظر میاد شما شماره ۰۰ (مقدمه) رو ندیدین! اونجا اشاره کردم نیاز به ادیتور خاصی نیست حتی با نانو هم می‌شه کد زد!
Aptana تنها یک ابزار کمکیه! همه که مث شما استاد نیستن! شما خودت رو بذار جای منی که هیچی از html نمی‌دونم، Aptana بهم کمک می‌کنه که تگ‌هایی که بلد نیستم رو یاد بگیرم و اگر مشکلی (چه ویرایشی و چه گرامری) بود بهم اعلام می‌کنه.

حالا اینارو وللش! حداقل از یه ادیتور بهتر با پس زمینه ی سفید انتخاب کن که ملت ببینن چی به چیه ! هایلایت هم شده باشه درست حسابی !

چشم!

بعد یه سوالی که پیش میاد اینه که کلماتی مثل type رو خودت از عمد اشتباه میگی یا چی ؟ 

دیگه شما به بزرگی خودتون ببخشید، هرچند کلمه type به صورت تایپ (tipe) خونده می‌شه ولی خاطرم هست یک تلفظ غریب هم به صورت تِیْپ (teyp) داشت که من هم همونو تلفظ می‌کنم.

[امین - am1n]

Aptana تنها یک ابزار کمکیه! همه که مث شما استاد نیستن! شما خودت رو بذار جای منی که هیچی از html نمی‌دونم، Aptana بهم کمک می‌کنه که تگ‌هایی که بلد نیستم رو یاد بگیرم و اگر مشکلی (چه ویرایشی و چه گرامری) بود بهم اعلام می‌کنه.

تیکه ننداز باو ! استاد که میگی یاد مستر شیفو (پاندا کنگ فو کار) میفتم 
کلا این جور برنامه ها برنامه نویس رو تنبل میکنه
مثلا C پیشنهاد شده از این جور چیزا اصلا استفاده نشه تا بری تو عمق کار
چون گفتی انتقاد و پیشنهاد گفتم که گفته باشم  کارت حرف نداره

[محسن ح.]

خب دیگه بحث تنبل شدن اومد وسط !
چه اشکالی داره یکم به قول اینا تنبل بشیم ولی برنامه ای که قراره ۱ هفته طول بکشه تا نوشته بشه رو توی ۱ روز بنویسیم اونم خیلی خوشگل تر و بهتر ؟!
فرض کن آدم بخواد با کد زدن یه محیط ویژوال طراحی کنه ، یا اینکه مثلا از ویژوال استودیو استفاده کنه (C#) و خیلی راحت پیش نیاز ها رو کنار هم بچینه و فقط به قسمت اصلی کار که کد زدن واسه رسیدن به نتیجس فکر بکنه و وقت بذاره ؟!

[HKaveh]

خب دیگه بحث تنبل شدن اومد وسط !
چه اشکالی داره یکم به قول اینا تنبل بشیم ولی برنامه ای که قراره ۱ هفته طول بکشه تا نوشته بشه رو توی ۱ روز بنویسیم اونم خیلی خوشگل تر و بهتر ؟!
فرض کن آدم بخواد با کد زدن یه محیط ویژوال طراحی کنه ، یا اینکه مثلا از ویژوال استودیو استفاده کنه (C#) و خیلی راحت پیش نیاز ها رو کنار هم بچینه و فقط به قسمت اصلی کار که کد زدن واسه رسیدن به نتیجس فکر بکنه و وقت بذاره ؟!

کاملا موافقم

[arvinall]

امیدوارم به جاهای حرفه‌ای html5 و css3 هم برسه
یه پیشنهاد اگه js و jquery هم بلدید خوب میشه که بعد از این آموزش ها اون روهم حرفه‌ای یاد بدید

[امین - am1n]

خب دیگه بحث تنبل شدن اومد وسط !
چه اشکالی داره یکم به قول اینا تنبل بشیم ولی برنامه ای که قراره ۱ هفته طول بکشه تا نوشته بشه رو توی ۱ روز بنویسیم اونم خیلی خوشگل تر و بهتر ؟!
فرض کن آدم بخواد با کد زدن یه محیط ویژوال طراحی کنه ، یا اینکه مثلا از ویژوال استودیو استفاده کنه (C#) و خیلی راحت پیش نیاز ها رو کنار هم بچینه و فقط به قسمت اصلی کار که کد زدن واسه رسیدن به نتیجس فکر بکنه و وقت بذاره ؟!

باورم نمی شه دارم بحث میکنم سر این    بحث درباره css , c. html بود
من کار درست رو پیشنهاد دادم هرکسی هرکاری که دوست داره رو باید انجام بده 
در ضمن اون برنامه ای که تو ۱ هفته نوشته میشه بعد یهو سه سوته با یه نرم افزار ۱ روزه تموم میشه رو نشان من بده  :-)) شمایی؟

[کیان]

چشم! ایمیل که نه ولی یک فید برای این بخش ایجاد می‌کنم که می‌تونید اون رو دنبال کنید، ضمن این‌که همین تاپیک رو هم می‌تونید دنبال کنید.

با سایت وبگذر خیلی ساده یک سابسکرایب بساز که با ایمیل کار کنه با ایمیل راحت خبردار میشیم
دنبال کردن این تاپیک پستهای اضافی داره!
فید هم خودمون باید بریم چک کنی

[محمود مختاری]

حالا بحث تنبلی و کد نویسی شد بد نیست اینجا را هم ببینید.

کد: [انتخاب]

http://karazmoodeh.com/video/emmet-introduction-and-installation/

[HKaveh]

این گونه نرم افزار ها برای شروع کار به هیچ وجه پیشنهاد نمی شوند.ولی کسی که همه ی مباحث رو بلده و نیازی به آموزش نداره بهتره از این گونه برنامه ها استفاده کنه

[Matrix.1372]

پست اول به‌روز شد!
شماره ۰۵ ، کار با لیست اضافه شد.
----------------------------------------
بنا به درخواست کیان عزیز یک خبرنامه هم ایجاد کردم برای مطالب (البته نه با وبگذر!)
مطابق درخواست nafeldo عزیز چنتا نکته دیگه در مورد aptana گفتم.
به درخواست amin/~: عزیز قالب aptana رو از رنگ تیره به رنگ روشن تغییر دادم!
----------------------------------------

یه پیشنهاد اگه js و jquery هم بلدید خوب میشه که بعد از این آموزش ها اون روهم حرفه‌ای یاد بدید

قبلا مطرح شده،‌ عرض شد که اگر خدا خواست اونم شروع می‌کنم.

[سلمان م.]

دستت درد نکنه