Web Design Course

كورس تصميم مواقع كامل يؤهلك لسوق العمل

شارك على

خصائص الكورس

  • عدد الساعات : 60 ساعة
  • مدة الكورس : 5 اسبوع
  • عدد المحاضرات : 3 لكل اسبوع
  • استثمر الأن

الهدف من الكورس

تم تحديد متطلبات سوق العمل من مواقع التوظيف وتجميعها في هذا المسار التعليمى "web design course" ليؤهلك أن تكون مصصم مواقع ممتاز

من خلال ورش العمل الموجودة ضمن هذا الكورس نضع امامنا هدف واحد هو تأهيلك لسوق لعمل وطريقة التفاعل والعمل في فريق عمل ونمكنك من الحصول على فرصة عمل من خلال البحث عن الوظائف الخاصة ب

  • web designer
  • UI Developer
  • Frontend Developer

محتوى الكورس

  1. Intro to web fundamentals
    1. Intro for Hyper Text Markup Language
    2. Understanding the web page structure
    3. How pages are executed and compiled?
    4. What the component of web pages
  2. HTML4
    1. Study the Tags of HTML4
    2. How to make good design page using HTML4
  3. HTML5
    1. Study removed tags in HTML4
    2. Study new tags in HTML5
    3. Building full structured web page using HTML4 and HTML5
  4. CSS2
    1. Study the difference between CSS [Cascading Style Sheets] and HTML
    2. The structure of CSS code
    3. How to link between HTML and CSS
    4. Study the selectors and what are their priorities
    5. Study the formatting and values of each priorities
  5. CSS3
    1. Study removed properties in CSS2
    2. Study new properties in CSS3
  6. Responsive web design
    1. What's responsive design?
    2. Principles of responsive design
    3. Media query
  7. Workshop
    1. Building well design responsive web page using media query
  8. JavaScript
    1. Variables
    2. Loops
    3. Conditional statements
    1. Study the principles of programming
    2. Understand DOM
    3. How to design and animate page using JavaScript
    4. How to build a plugin from scratch
  1. JQuery
    1. What and why is JQuery?
    2. How to use the slogan of JQuery
    3. How to use JQuery
    4. What is the CDN?
    5. Study the main functions of JQuery library to animate your page
    6. How to build a plugin from scratch?
    7. How to use ready plugins, how to get it and how to customize it?
  2. AJAX
    1. What's AJAX?
    2. How to use AJAX in JQuery?
  3. Bootstrap
    1. What's framework?
    2. Why we should use frameworks?
    3. How to build first web page using bootstrap?
    4. Understanding the grid system
    5. Study the classes of bootstrap and how to use its documentation?
  4. PSD to HTML
    1. Understand the basics of Photoshop
    2. How you can get a free PSD template
    3. Study the principles, you should follow to convert PSD image to HTML code
  5. Workshop
    1. Full day workshop
    2. Motivation to use search
    3. Working in team
    4. Downloading ready and free PSD
    5. Converting PSD to website
    6. Building responsive website using bootstrap framework
  6. Less and SASS
    1. Understanding technologies of SASS and Less
    2.  Building CSS style using SASS
  7. Git and SVN
    1. What's source version control technologies?
    2. The difference between SVN and Git?
    3. How to use git?
    4. How to create your first git repository using git?
    5. The difference between bitbucket and github?
  8. Building single page design
  9. Workshop
    1. Team work definition
    2. Accomplishing template
  10. Project
    1. Building responsive multi pages website
    2. Using all learnt technologies
استثمر الأن