This translation is incomplete. Please help translate this article from English.
الروابط في هاته الصفحة تقود الى دروس و محتويات تدريبية متنوعة, سواء كنت مبتدأ او ذو خبرة يمكنك ان تجد هنا موارد تعليمية مفيدية و كذا افضل المماراسات في تطوير الويبب. هذه الموارد انشأت من طرف شركات رائدة و مطوري ويب احتضنوا المعايير و افضل المماراسات و دخلوا في تطوير الويب من بابه الأوسع مما يوفر او يتيح خدمات الترجمة من خلال رخص المحتويات المفتوحة كـ Creative Commons.
دروس HTML
المستوى الابتدائي
- مقدمة في HTML
- ما هي HTML, ماذا يمكنها ان تفعل, تاريخها باتخصار, و كيف تبدو بنية مستندات HTML, المقال الذي يلي هذا يتناول كل جزء من اجزاء HTML بالتفصيل الممل.
- البنية الأساسية لصفحة الويب (Sitepoint)
- تعلم كيف تتحد عناصر HTML لتكوين الصورة الأكبر لصفحة الويب.
- مرجع MDN (شبكة موزيلا للمطورين) لعناصر HTML
- هو مرجع شامل لمعضم او جل عناصر HTML, و كيف يتم دعم هاته العناصر من طرف المتصفحات.
- تحديات Wikiversity) HTML)
- يمكنك حل هاته التحديات لرفع مستواك و مهاراتك في HTML (على سبيل المثال, "هل يجب على استعمال العنصر <H2> او العنصر <strong>؟"), و ذلك بالاعتماد على تصميم ذو معنى.
المستوى المتقدم
- نصائح لكتابة صفحات HTML سريعة التحميل
- قم بتحسين صفحات الويب لتوفير موقع متجاوب للزوار و كذلك الحد من التحميل في سيرفر الويب و اتصال الانترنت.
- دروس HTML5 Rocks) HTML5)
- قم بأخذ جولة موجهة في اكواد تستعمل خصائص HTML5.
- الدلالات في A List Apart) HTML5)
- تعلم كتابة تصميم ذو معنى و متوافق مع جميع نسخ HTML السابقة و القادمة.
- دورس الأقمشة (Canvas)
- تعلم كيفية رسم أشكال هندسية من خلال برمجة عناصر الأقمشة أو الـ Canvas.
- طبيب HTML5
- مقالات متنوعة حول اسخدامات HTML5 حاليا.
- متعة ادماج الصوت في Elated) HTML5)
- تعلم كيفية اسستعمال عنصر الصوت audio في HTML لادماج الأصوات في صفحات الويب بسهولة, العديد من الأمثلة البرمجية في هاته الدروس.
دروس Javascript
المستوى الابتدائي
- أكادمية الأكواد (codeacademy)
- codeacademy هو موقع و طريقة ممتعة و سهلة لتعلم البرمجة في Javascript, و ذلك من خلال خدماتها التفاعلية و التي يمكن مشاركتها مع الأصدقاء.
- الانطلاق في Javascript
- ماهي Javascript و ما الذي يمكنك ان تفعله بهذه اللغة؟
- افضل الممارسات في لفة WebPlatform.org) Javascript)
- تعلم أفضل الممارسات البديهية و الغير بديهية التي يمكنك اتخاذها خلال كتابة اكواد Javascript.
المستوى المتوسط
- A Re-Introduction to JavaScript
- A recap of the JavaScript programming language aimed at intermediate-level developers.
- Eloquent JavaScript
- A comprehensive guide to intermediate and advanced JavaScript methodologies.
- Essential JavaScript Design Patterns (Addy Osmani)
- An introduction to essential JavaScript design patterns.
- The JavaScript Programming Language (YUI Blog)
- Douglas Crockford explores the language as it is today, and how it came to be.
- Introduction to Object-Oriented JavaScript
- Learn about the JavaScript object model.
Advanced level
- JavaScript Guide
- A comprehensive, regularly updated guide to JavaScript for all levels of learning from beginner to advanced.
- Learning Advanced JavaScript (John Resig)
- John Resig's guide to advanced JavaScript.
- Introducing the JavaScript DOM (Elated)
- What is the Document Object Model, and why is it useful? This article gives you a gentle introduction to this powerful JavaScript feature.
- An Inconvenient API: The Theory of the DOM (YUI Blog)
- Douglas Crockford explains the Document Object Model.
- Advanced JavaScript (YUI Blog)
- Douglas Crockford looks closely at code patterns from which JavaScript programmers can choose in authoring their applications.
- JavaScript Garden
- Documentation of the most quirky parts of JavaScript.
- Which JavaScript Framework? (StackOverflow)
- Advice on choosing a JavaScript framework.
- Non-Blocking JavaScript Downloads (YUI Blog)
- Tips on improving the download performance of pages containing JavaScript.
- Javascipt Patterns
- A JavaScript pattern and antipattern collection that covers function patterns, jQuery patterns, jQuery plugin patterns, design patterns, general patterns, literals and constructor patterns, object creation patterns, code reuse patterns, DOM.
- How browsers work
- A detailed research article describing different modern browsers, their engines, page rendering etc.
CSS tutorials
Introductory level
- CSS Getting Started
- This tutorial introduces you to Cascading Style Sheets (CSS). It guides you through the basic features of CSS with practical examples that you can try for yourself on your own computer.
- CSS Selector Classes (Wikiversity)
- What are classes in CSS?
- External CSS (Wikiversity)
- Using CSS from an external style sheet.
- Adding a Touch of Style (W3C)
- A brief beginner's guide to styling web pages with CSS.
- Common CSS Questions
- Common questions and answers for beginners.
- CSS Selectors
- An introduction to CSS selectors
Intermediate level
- CSS Reference
- Complete reference to CSS, with details on support by Firefox and other browsers.
- CSS Challenges (Wikiversity)
- Flex your CSS skills, and see where you need more practice.
- Intermediate CSS Concepts (HTML.net)
- Grouping, pseudo-classes, and more.
- CSS Positioning 101 (A List Apart)
- Using positioning for standards-compliant, table-free layout.
- Progressive Enhancement with CSS (A List Apart)
- Integrate progressive enhancement into your web pages with CSS.
- Fluid Grids (A List Apart)
- Design layouts that fluidly resize with the browser window, while still using a typographic grid.
Advanced level
- Using CSS Transforms
- Apply rotation, skewing, scaling, and translation using CSS.
- CSS Transitions
- CSS transitions, part of the draft CSS3 specification, provide a way to animate changes to CSS properties, instead of having the changes take effect instantly.
- Quick Guide to Implement Web Fonts with @font-face (HTML5 Rocks)
- The @font-face feature from CSS3 allows you to use custom typefaces on the web in an accessible, manipulatable, and scalable way.
- Starting to Write CSS (David Walsh)
- An introduction to tools and methodologies to write more succinct, maintainable, and scalable CSS.