ÇáãØæÑ Developer æ ÇáÝÑÞ Èíä ÇáÜ Front-End æÇáÜ Back-End æÇáÜ Full StackÝí ÚÇáã ÊÕãíã æÊØæíÑ ÇáãæÇÞÚ ÇáÅáßÊÑæäíÉ¡ íÊã ÊÞÓíã Úãá ãØæÑ ÇáãæÇÞÚ Çáì 3 ÃÞÓÇã ÑÆíÓíÉ¡ æåí Çá Back-End æÇá Front End æÇá Full Stack¡ æßËíÑÇ ãÇ äÊÓÇÆá ãÇÐÇ íÚäí Ãä ÃÊÞÏã áæÙÝíÉ ÊäÏÑÌ ÊÍÊ ÅÍÏì åÐå ÇáãÓãíÇÊ¡ æãÇ åæ ÇáÃÝÖá Ãä ÃÊÚáã æÃäÏÑÌ ÊÍÊ æÃÍÏÉ ãä ÇáãÌÇáÇÊ Ãã Ãä Ãßæä ãáãÇ ÈÇá Front End æÇá Back End áÃÕÈÍ Full Stack .. ÃíåãÇ ÃÝÖá !
Front end development vs Back end development
Front end Development
ÎÇÕ ÈÊØæíÑ ßá ãÇ íÊÚáÞ ÈÇáæÇÌåÉ ÇáÇãÇãíÉ ááÊØÈíÞÇÊ¡ Ãí ßá ãÇ íÔÇåÏå ÇáãÓÊÎÏã ãä æÇÌåÇÊ æÇÔßÇá æÇíÞæäÇÊ æÎØæØ æÕæÑ æäÕæÕ æÇÓÊãÇÑÇÊ æÎíÇÑÇÊ ÊÚÑÖ ááãÓÊÎÏã ¡ æÛíÑåÇ.æíãßä Ãä äØáÞ Úáí ÇáãØæÑ Front End Developer ÚäÏãÇ íÊÞä ÊÞäíÇÊ HTML/CSS/JQuery æåí ÇáÊØÈíÞÇÊ ÇáÎÇÕÉ ÈÇáæíÈ¡ ÃãÇ Ýí ÊØÈíÞÇÊ ÓØÍ ÇáãßÊÈ ÝíÓãí Front end designer Ãæ ãÕãã ãÕãã æÇÌåÇÊ ÇÓÊÎÏÇã.
Back end Development
ÝíÚäí ÊØæíÑ ßá ãÇ íÊÚáÞ ÈÊØæíÑ ÇáÈäíÉ ÇáÊÍÊíÉ ááÊØÈíÞ¡ æÃíÖÇ ÊÕãíã ÞæÇÚÏ ÇáÈíÇäÇÊ ÇáÎÇÕÉ ÈÇáÊÚÇãá ãÚ åÐÇ ÇáÊØÈíÞ . æÈÇáØÈÚ ÝÅä ÈÑãÌÉ ÇáãæÇÞÚ ÊÊØáÈ ÈäÇÁ ÇáÈäíÉ ÇáÊÍÊíÉ Ãæ ÃÓÇÓ ÇáãæÞÚ ÃæáÇ¡ Ëã ÊÃÊí ÈÑãÌÉ ÇáæÇÌåÉ ßÎØæÉ ËÇäíÉ.ÃãÇ ÍíäãÇ íÊÞä ÇáãØæÑ ÊÞäíÇÊ JQuery æÇáÜ Ajax æÇáÜ MySql æÇáÜ PHP æåí ÇáÊÞäíÇÊ ÇáÎÇÕÉ ÈãÒæÏ ÇáÎÏãÉ Server Ãí ÃäåÇ ÊÇÈÚÉ ááÜÜ Back end Ýíãßä Ãä íÞÇá Úáíå ãØæÑ ÊØÈíÞÇÊ Íáæá ÈÑãÌÉ ÇáæíÈ Ãæ Back end developer.
ÃæáÇ: Front End:
íÞÕÏ ÈÇá Front End åæ ÇáÌÒÁ ãä ÇáãæÞÚ ÇáÐí íÊÝÇÚá ãÚå ÇáãÓÊÎÏãíä¡ Ãí ÔíÁ ãä ãßæäÇÊ ÇáãæÞÚ ÇáÊí íãßäß ãÔÇåÏÊåÇ¡ æíãßäß ÅÍÏÇË Ãí ÍÏË ÚáíåÇ¡ ãËá Çá Buttons æÇá Dropdowns menu æÇáÎØæØ æÇáÃáæÇä æãÚÇÑÖ ÇáÕæÑ æÍÑßÇÊ Çá Animation æÛíÑåÇ ..ÇáÎ ãä ÇáÃãæÑ ÇáÊí íÑÇåÇ ÇáãÓÊÎÏã æíÊÝÇÚá ãÚåÇ.. æÈåÐÇ íßæä 쾄 Çá Front End åæ ÊßæíÏ ÇáÊÕãíã ÇáÐí íÃÎÐå ãä ÇáãÕãã ( Designer) æíÍæáå Çáì Ôßá íãßä ÇáÊÝÇÚá ãÚå ãä ÞÈá ÇáãÓÊÎÏãíä¡ ßãÇ Ãä åÐÇ ÇáãØæÑ(ÇáÐí íÚãá Ýí åÐÇ ÇáãÌÇá) ßáãÇ ÇÒÏÇÏ ãåÇÑÉ ÒÇÏÊ áÏíå ÇáÞÏÑÉ Úáì ÊÍÏíÏ äÞÇØ ÇáÖÚÝ Ýí ÇáÊÕãíã æÇáÊí íãßä Ãä ÊÓÈÈ ÅÒÚÇÌÇ ááãÓÊÎÏãíä¡ Ãæ íãßäå æÖÚ ÃÝßÇÑ áÇÎÊÕÇÑ ÈÚÖ ÇáÎØæÇÊ ÇáØæíáÉ¡ áÐáß íßæä ÇáÊäÓíÞ Èíäå æÈíä Çá System Analyst ÈÔßá ÌíÏ ááÎÑæÌ ÈÃÝÖá Ôßá ããßä..
ãÇ åí ÇáãåÇÑÇÊ ÇááÇÒãÉ áÃßæä ãØæÑ íÚãá ÊÍÊ ãÙáÉ Çá Front End ¿
æÇáÌæÇÈ íäÏÑÌ ÊÍÊ ËáÇË ãÙáÇÊ ÑÆíÓíÉ æÇáÒÇãíÉ áãØæÑ Çá Front End æåí : ÇáÌÇÝÇ ÓßÑÈÊ æÇá CSS æÇá HTML¡ æáÇ íãßä ÊæÇÌÏ ãØæÑ Front End áÇ íãßäå ÇáÊáÇÚÈ ÈåÐå ÇáÚäÇÕÑ áíÔßá ÇáãæÞÚ ÈÔßáå ÇáãÊÝÇÚá.. ÝíÌÈ Úáíß ÃíÖÇ ÈÚÏ ÅÊÞÇä åÐå Ãä ÊÊÞä ÈÚÖ ÈíÆÇÊ ÇáÚãá ÇáãæÌæÏÉ ãËá Bootstrap æÇá AngularJS æÇá Backbone æÇá Foundation ..ÇáÎ ãä ÈíÆÇÊ ÇáÚãá åÐå ..(Èßá ÊÃßíÏ áíÓ ÌãíÚåÇ ..áßä Úáíß Ãä ÊÚÑÝ æÇÍÏÉ Úáì ÇáÃÞá ãä äæÚíä ãÎÊáÝíä ãä ßá ÈíÆÉ ÇáÚãá..) ßãÇ ÃääÇ äÊÍÏË Úä Front End ÝíÚäí Ãäß íÌÈ Ãä ÊÚÑÝ Ýí Çá HTML5 æÇá CSS3 æÇá jQuery æÇá jQuery UI æÇá SASS or LESS æÈÚÖ ÇáÎÈÑÉ Ýí ÈÚÖ ÇáãßÇÊÈ ÇáãåãÉ æÇáãÊÚáÞÉ ãËáÇ Ýí ãÚÇÑÖ ÇáÕæÑ æÇáÞáíá ãä ÇáÎÈÑÉ ãä ÇáÃÌÇßÓ áíÓÊ ÓíÆÉ ...
åá íÌÈ Úáí Ãä ÃÊÚáã åÐÇ ßáå ÞÈá Ãä ÃÈÏà ÇáÚãá¿
Èßá ÊÃßíÏ áÇ¡ åÐå íÌÈ Ãä ÊÚÑÝåÇ æÊÊÚáãåÇ Ýí ÃËäÇÁ Úãáß¡ áßä ÇáãßæäÇÊ ÇáÑÆíÓíÉ Úáì ÃÞá ÊÞÏíÑ åí ãä íÌÈ Ãä ÊÊæÇÌÏ¡ ãÚ ãåÇÑÉ Ýí ØÑíÞÉ ÇáÊÚÇãá ãÚåÇ Èßá ÊÃßíÏ.... áßä Úáíß Ãä ÊÓÊãÑ Ýí ÇáÈÍË Úä ßá ãÇ åæ ÌÏíÏ Ýí åÐå ÇáÊÞäíÉ¡ æÚáíß Ãä ÊßÊÈ ÔíÝÑÊß ÇáÈÑãÌíÉ ÈÔßá ÓáÓá íãßä Çá Back End ãä ÇáÚãá Úáì ãÇ ßÊÈÊ ÈÔßá Óåá ..æåÐÇ íÞæÏäÇ Çáì ÓÄÇá ..ãÇ åæ Çá BACK END...
ËÇäíÇ: Back End:
íÞÕÏ ÈÇá Back End åæ Ðáß ÇáÌÒÁ ÇáÐí íÊã ÈäÇÆå áíÚãá Úáì ÇáÑÈØ Èíä ãÌãæÚÉ ÇáÕÝÍÇÊ æÇáÈíÇäÇÊ æÇáÊØÈíÞÇÊ ÇáãÎÊáÝÉ¡ æÝí ÇáãÚäì ÇáÂÎÑ åæ ÇáÌÒÁ ÇáÐí íÊã ÊäÝíÐå æÞÑÇÆÊå ãä ÎáÇá Çá Server æíåÊã ÈÇáÊÍÞÞ ãä ÇÓÊÞÈÇá ÇáÈíÇäÇÊ æÇÑÓÇáåÇ ÈÔßá ÕÍíÍ ãä æÇáì ÇáãÊÕÝÍ...æÈßá ÊÃßíÏ åÐÇ ÇáÌÒÁ ãä ÇáÔíÝÑÉ ÇáÈÑãÌíÉ áÇ íßæä ÙÇåÑÇ Úáì ÇáãÊÕÝÍ¡ æÅäãÇ ÊÙåÑ äÊÇÆÌå.
ÇáãåÇÑÇÊ ÇááÇÒãÉ áÃä ÃÚãá ßãØæÑ Back End ¿
Ãåã ÇáãåÇÑÇÊ ÇáãØáæÈÉ åí ÞÏÑÊß Úáì ÇáÑÈØ Èíä ÞæÇÚÏ ÇáÈíÇäÇÊ¡ æÇáÊØÈíÞÇÊ æÇáÊÚÇãá ãÚåÇ Öãä Çá Server..æåÐÇ íÚäí Ãäå íáÒãäí ÊÚáã áÛÉ ÊåÊã æÊÊÚÇãá ãÚ ÇáÓíÑÝÑ æÊÞæã ÈåÐå ÇáãåÇã æãä åÐå ÇááÛÇÊ Ãæ ÇáãÊØáÈÇÊ Çáí íÌÈ Ãä ÃÊÚáãåÇ Ãæ Ãä ÃÚáãåÇ åí áÛÉ ÓíÑÝÑ ãËá ( PHP OR ASP.net OR Python ..ÇáÎ) æ ãÌãæÚÉ ãä ÇáÃÏæÇÊ ãËá (Mysql OR Oracle OR SQL Server) æÈßá ÊÃßíÏ åÐå ÊÃÊí ÈÚÏ ÊÚáãß Ãæ ãÚÑÝÊß á SQL(Structure Query Language) ãËá Ìãá ÇáÅÓÊÚáÇã æÇáÊÍÏíË æÇáÍÐÝ æÇáÅÖÇÝÉ ..ÇáÎ æ ÈíÆÉ Úãá ãËá (Yii Framework Ãæ Zend ..ÇáÎ) æ Ãä ÊÊÚáã Çá version control ãËá Çá Git Ãæ Çá SVN .. æ ãä ÇáÃãæÑ ÇáãåãÉ áÏì åÐÇ ÇáäæÚ ãä ÇáãØæÑíä ÚãáíÉ ÇáÊæËíÞ ááÔíÝÑÉ ÇáÈÑãÌíÉ...æäÙÇã ÇáÊÔÛíá ÇáÐí íÓÊÎÏãå ÚÇÏÉ ãØæÑæÇ åÐÇ ÇáäæÚ åæ Linux.
åÐÇ åæ Çá Back End æÈßá ÊÃßíÏ åäÇß ÍÏ ÃÏäì ãä ÇáãÊØáÈÇÊ áÊÈÏà ÚÇáãß áßä ÊÃßÏ Ãäå íÌÈ Ãä Êãáß ÇáÍÏ ÇáÃÏäì ãä ÇáãåÇÑÉ ÇáÐí íÄåáß ááÈÍË æÇáÈÏÁ ÈÇáÚãá¡ æÇáÌãíá Ýí åÐÇ ÇáäæÚ Ãäß Ýí ÊÍÏ ÏÇÆã ãÚ ÇáãÔÇßá ææÙÝíÊß åäÇ ÃßËÑ ÍÓÇÓíÉ áÊÚÇãáåÇ ÇáãÈÇÔÑÉ ãÚ ÇáÈíÇäÇÊ æÇáÎæÝ ãä ÇáÅÎÊÑÇÞ Ãæ ÇÊáÇÝ ÇáÈíÇäÇÊ Ãæ ÚÏã ÊäÝíÐ ÇáæÙÇÆÝ ÈÔßá Ìãíá.
æÇáÂä ãÇÐÇ Úä ÇáÚãá ß Front End æß Back End Ãæ ãä íãÊáß ÇáÞÏÑÉ Úáì ÇáÚãá ÈåÇÊíä ÇáæÙíÝäíä ¿! åá åäÇß æÙíÝÉ áåÐÇ ÇáäæÚ ¿ æãÇÐÇ íÓãì ÕÇÍÈå ¿!
ÇáÌæÇÈ åæ Èßá ÊÃßíÏ åäÇß æÙíÝÉ áÃãËÇá åÄáÇÁ Ãæ ãÓãì æÙíÝí áíßæä ÇáãÚäì ÃÏÞ æåæ Çá Full Stack .
ËÇáËÇ: Çá Full Stack:
Ýí ÃËäÇÁ ÇáãÑÍáÉ ÇáÏÑÇÓíÉ¡ ßäÇ äÊÚáã Ãä ÇáÍÇÓæÈ ÏÇÆãÇ áÇ íÝåã ÇáÇ ÇáÕæÇÈ æÇáÎØÃ áÇ íÝåã ÇáÇ áÛÉ Çá 0 æÇá 1 (íÇ ÃÈíÖ íÇ ÃÓæÏ)¡ áßä åÐÇ ÇáãÝåæã áã íßä íáÈí ÇÍÊíÇÌÇÊ ÇáãÌÇá¡ æßäÇ äÑíÏ ÇáæÕæá Çáì ÍÇáÉ æÓØíÉ¡ æáæ ßÇäÊ ÊÍÈß ÈÔßá ãÛÇíÑ Úä ÇáÍÈßÉ ÇáÃÕáíÉ..æßÇä Ðáß ãä ÎáÇá ÇáÐßÇÁ ÇáÅÕØäÇÚí¡ æåÐÇ ÇáãËÇá íäØÈÞ Úáì Çá Full Stack¡ Ýåæ áã íÞÈá ÈÃä íßæä Front-End áæÍÏå æáã íÞÈá Ãä íßæä Back-End áæÍÏå¡ æåÐå Úáì ÝßÑÉ ÍÇáÉ ØÈíÚÉ ãÚ ÇáãÏÉ ÊÃÊí¡ ÝÓÊÌÏ äÝÓß æáæ ßäÊ Ýí ãÌÇá Çá Front End ãÍÊÇÌÇ ááÚãá Úáì ÈÚÖ ÇáÔíÝÑÇÊ ÇáÈÑãÌíÉ ÇáÎÇÕÉ ÈÇá Back End æÇáÚßÓ ÕÍíÍ¡ æåÐÇ åæ Çá Full Stack æÈãÚäì ÂÎÑ æÃÏÞ åæ ÅÊÞÇä ÇáÚãá ÈÔÞíå æÚáì æÌåíå Back End (ãä ÌåÉ ÇáÓíÑÝÑ) ææÌåå Çá Front End (ÇáÊÚÇãá ãä ÌåÉ Çá Client) æåÐÇ ÇáäæÚ ãä ÇáãåÇÑÉ íáÒã ÈÃä Êßæä ÝÚáÇ ãÍÇÑÈ Ýí ÚÇáã ÇáæíÈ¡ æÊÍÊÇÌ Çáì ÌåÏ ÃßÈÑ Èßá ÊÃßíÏ áÊÓÊØíÚ ãæÇßÈÉ ßá ÌÏíÏ ãä ßáÇ ÇáÌÇäÈíä æÊØæíÑ ãåÇÑÇÊß æÅßÊÓÇÈ ÃßÈÑ ÞÏÑÉ ãä ÇáÎÈÑÉ æÇáÞÏÑÉ Úáì Íá ÇáãÔßáÇÊ … æØÈÚÇ Ãåã ÇáãåÇÑÇÊ ÇáãØáæÈÉ åí ÇáãåÇÑÇÊ ÇáÃÓÇÓíÉ ÇáÎÇÕÉ Èßá ãä
Çá Back End æÇá Front End .
äÞÇØ ãåãÉ:
1) ÈÝÖá Çááå ÊÚÇáì ÌãíÚ ÇáÃÞÓÇã ãØáæÈÉ Ýí ÓæÞ ÇáÚãá¡ æÈßËÑÉ áßä ÏÇÆãÇ íÔÊÑØ ÇáÅÈÏÇÚ¡ ÇáããÇÑÓÉ¡ ÇáÞÏÑÉ Úáì ÇáÈÍË æÍá ÇáãÔÇßá.
2) ãÌÇá Çá Full Stack Ìãíá¡ áßä íáÒãå Úãá ÈÌÏ¡ áÃäå íÌÈ Ãä íßæä ÍÕíáÉ Úãá ÌÇÏ áßá ãä Çá BackEnd æÇá FrontEnd ..æáÐáß ÊÌÏ Ãäß ÊÊÚáã Ýí ÈÇÏÆ ÇáÃãÑ ÇáãßæäÇÊ ÇáÃÓÇÓíÉ ááÌãíÚ¡ æãÚ ÇáÚãá ÓÊßÊÓÈ ÎÈÑÉ Ýí ãÌÇá ãÇ¡ æãä ÎáÇáåÇ ÓÊÓÊØíÚ ÊØæíÑ ãåÇÑÇÊß ÇáãÞÇÈáÉ Ãæ ÇáÃÎÑì ãä ÎáÇá ÎÈÑÊß ÇáÊí ÅßÊÓÈÊåÇ ãä Úãáß Ýí ÇáãÌÇá ÇáÂÎÑ.
3) áÇ ÃÝÖáíÉ áãÌÇá Úáì ãÌÇá Ýí åÐå ÇáÃÚãÇá ãä æÌåÉ äÙÑí¡ æáÇ ÃÊÍÏË Úä ÇáÑæÇÊÈ ÈÇáÖÈØ¡ áÃäí ÃÑÇåÇ ãÊÑÇæÍÉ ÈäÇÆÇ Úáì ÇáÔÑßÉ æÚÏÏ ÓäæÇÊ ÇáÎÈÑÉ ..ÇáΡ áßä íÊãíÒ Èßá ÊÃßíÏ Çá Full Stack ÕÇÍÈ ÇáãåÇÑÉ ÈßáÇ ÇáÔÞíä – ÑßÒ ãåÇÑÉ – æáíÓ ãÌÑÏ ãÚÑÝÉ Ýí ßáÇ ÇáÔÞíä.
íÌÈ ÇáÊÝÑíÞ Èíä ãÇ íáí:
- Web Design ÊÕãíã ÇáæíÈ¡ æãäå Web Designer ãÕãã æíÈ
- UI Design ÊÕãíã æÇÌåÇÊ ÇáÅÓÊÎÏÇã¡ æãäå ãÕãã æÇÌåÇÊ ÇáÇÓÊÎÏÇã
- Front End Development æÊÚäí "ÊØæíÑ æÇÌåÇÊ ÇáæíÈ"
- BackEnd Development æÊÚäí ÊØæíÑ Íáæá ÇáÈÑãÌÉ ÇáÎÇÕÉ ÈÇáæíÈ.





ÑÏ ãÚ ÇÞÊÈÇÓ
ÇáãÝÖáÇÊ