آموزش حل مسئله برای متخصصین وب

سرفصل ها و درس ها

مقدمه Introduction

• خوش آمدی Welcome

• با استفاده از پرونده های تمرینی Using the exercise files

1. شروع کار 1. Getting Started

• چارچوبی برای حل مسئله A framework for problem solving

• در مورد حلقه های بازخورد فکر کنید Thinking about feedback loops

• از کجا می توان ابزارهای بازرسی وب را پیدا کرد Where to find the web inspection tools

2. چیزی درست به نظر نمی رسد 2. Something Doesn't Look Right

• قناری در معدن ذغال سنگ: ابتدا کنسول را بررسی کنید Canary in the coal mine: Check the console first

• خطاهای HTML را جستجو و از بین ببرید Search and destroy HTML errors

• رئیس (سبک) کیست؟ Who's the (style) boss?

• جعبه تورم جادویی The magical inflating box

• پرونده دارایی مفقود شده The case of the missing asset

3. خوشحال کردن همه 3. Making Everybody Happy

• از کی می خواهید حمایت کنید؟ Who are you going to support?

• پروتکل را دنبال کنید Follow the protocol

• عزیزم ، فیلم من کجاست؟ Dude, where's my video?

• با استفاده از اینترنت اکسپلورر گنگ بزنید Giving Internet Explorer a nudge

4. فقط Google It 4. Just Google It

• یک استاد جستجو شوید Become a search master

• همه بازدیدها برابر نیستند Not all hits are created equal

5- ابزارهای آزمایش تجارت 5. Testing Tools of the Trade

• آزمایش سریع با ویراستاران قطعه آنلاین Rapid testing with online snippet editors

• استفاده از سرورهای محلی برای کوچک کردن حلقه بازخورد Using local servers to shrink the feedback loop

• استفاده از شبیه سازها برای تست سریع دستگاه های تلفن همراه Using emulators to quickly test mobile devices

• ابزارهایی برای آزمایش چندین مرورگر و سیستم عامل Tools for testing multiple browsers and operating systems

6. آزمایش طرح های پاسخگو 6. Testing Responsive Layouts

• مسائل اندازه Size matters

• یک منظره بهتر از گودال است A viewport is better than a peephole

• این نباید در دستگاه من باشد That shouldn't be on my device

7. اشکال زدایی 7. Debugging

• نوشتن به کنسول Writing to the console

• تست کد در صفحه زنده Testing code on the live page

• پیدا کردن سوزن در یونجه مینی کوچک Finding a needle in a minified haystack

8- ایجاد قابلیت های جدید 8. Creating New Functionality

• API ها را جستجو کنید Search the APIs

• دریافت مجوز از بازرس کد Getting approval from the code inspector

• با احتیاط پیاده سازی کنید Implement with caution

نتیجه Conclusion

• مراحل بعدی Next steps