‫ﺑﺮﻧﺎﻣﻪﺳﺎزی وب‬
‫ﻧﯿﻢﺳﺎل اول ‪٩٣-٩٢‬‬
‫داﻧﺸ ﺪهی ﻣﻬﻨﺪﺳ ﮐﺎﻣﭙﯿﻮﺗﺮ‬
‫ﻣﺪرس‪ :‬ﺣﻤﯿﺪ ﺿﺮاﺑ زاده‬
‫ﻓﺎز اول ﭘﺮوژه‬
‫ﻣﻬﻠﺖ ارﺳﺎل‪ ٢١ :‬آﺑﺎنﻣﺎه‬
‫ﻓﺮوﺷ ﺎه اﯾﻨﺘﺮﻧﺘ ﻣﺤﺼﻮﻻت‬
‫در اﯾﻦ ﭘﺮوژه ﻗﺼﺪ دارﯾﻢ ﯾ ﻓﺮوﺷ ﺎه آﻧﻼﯾﻦ ﻃﺮاﺣ ﮐﻨﯿﻢ ﻃﻮری ﮐﻪ ﮐﺎرﺑﺮان ﺑﺘﻮاﻧﻨﺪ ﻣﺤﺼﻮﻻت ﻣﺨﺘﻠﻒ ﻓﺮوﺷ ﺎه‬
‫را ﻣﺸﺎﻫﺪه ﮐﺮده و ﺑﯿﻦ آنﻫﺎ ﺟﺴﺖوﺟﻮ ﮐﻨﻨﺪ و ﭘﺲ از اﺿﺎﻓﻪ ﮐﺮدن ﻣﺤﺼﻮﻻت ﺑﻪ ﺳﺒﺪ ﺧﺮﯾﺪ در ﻧﻬﺎﯾﺖ اﻗﺪام ﺑﻪ‬
‫ﺧﺮﯾﺪ آنﻫﺎ ﻧﻤﺎﯾﻨﺪ‪.‬‬
‫ﺷﻤﺎ ﻣ ﺗﻮاﻧﯿﺪ ﺑﻪ دلﺧﻮاه ﯾ‬
‫• ﻣﺤﺼﻮﻻت ﻓﺮﻫﻨ‬
‫ﻣ رﺳﺪ‪.‬‬
‫از دو دﺳﺘﻪی ﮐﻠ زﯾﺮ را ﺑﺮای ﻓﺮوﺷ ﺎه ﺧﻮد اﻧﺘﺨﺎب ﮐﻨﯿﺪ‪:‬‬
‫‪ :‬در اﯾﻦ ﻓﺮوﺷ ﺎه اﻗﻼﻣ ﻧﻈﯿﺮ آﻟﺒﻮم ﻣﻮﺳﯿﻘ ‪ ،‬ﻓﯿﻠﻢ‪ ،‬ﺳﺮﯾﺎل و از اﯾﻦ دﺳﺖ ﺑﻪ ﻓﺮوش‬
‫• ﻣﺤﺼﻮﻻت ﻣﺼﺮﻓ ‪ :‬در اﯾﻦ ﻓﺮوﺷ ﺎه ﮐﺎﻻﻫﺎﯾ ﻧﻈﯿﺮ اﻟﺒﺴﻪ‪ ،‬ﺟﻮاﻫﺮات و از اﯾﻦ دﺳﺖ ﺑﻪ ﻓﺮوش ﻣ رﺳﺪ‪.‬‬
‫در ﻫﺮ دو ﻓﺮوﺷ ﺎه ﻫﺪف ﻓﺮوش »ﻣﺤﺼﻮﻻت« اﺳﺖ‪ .‬در اﯾﻦ ﭘﺮوژه ﯾ‬
‫اﺳﺖ‪ :‬ﻧﺎم‪ ،‬ﻗﯿﻤﺖ‪ ،‬ﻋ ﺲ‪ ،‬اﻣﺘﯿﺎز‪ ،‬ﻓﺮوﺷﻨﺪه‪ ،‬ﺗﻮﺿﯿﺤﺎت‪.‬‬
‫ﻣﺤﺼﻮل ﺑﻪ ﺻﻮرت ﮐﻠ ﺷﺎﻣﻞ اﯾﻦ ﻣﻮارد‬
‫ﻣﺤﺼﻮﻻت در اﯾﻦ ﻓﺮوﺷ ﺎه ﺑﻪ ﺻﻮرت »دﺳﺘﻪﺑﻨﺪی« ﺷﺪه اراﺋﻪ ﻣ ﺷﻮﻧﺪ‪ .‬دﺳﺘﻪﻫﺎ دارای ﻧﺎم و ﺳﻠﺴﻠﻪﻣﺮاﺗﺐ ﻫﺴﺘﻨﺪ‪.‬‬
‫ﻫﺮ دﺳﺘﻪ ﻣ ﺗﻮاﻧﺪ ﺧﻮد زﯾﺮ دﺳﺘﻪی ﯾ دﺳﺘﻪی دﯾ ﺮ ﺑﺎﺷﺪ‪.‬‬
‫ﮐﺎرﺑﺮان ﺳﺎﯾﺖ‪ ،‬دو ﮔﺮوه ﻫﺴﺘﻨﺪ‪:‬‬
‫• ﻓﺮوﺷﻨﺪه‪ :‬ﻫﺮ ﻓﺮوﺷﻨﺪه ﻣﻘﺪاری ﻣﺤﺼﻮل ﺑﺮای ﻓﺮوش در ﺳﺎﯾﺖ ﻗﺮار ﻣ دﻫﺪ‪.‬‬
‫• ﺧﺮﯾﺪار‪ :‬ﻫﺮ ﺧﺮﯾﺪار اﻣ ﺎن ﻣﺸﺎﻫﺪه و ﺧﺮﯾﺪ اﯾﻦ ﻣﺤﺼﻮﻻت را دارد‪.‬‬
‫در ﻓﺎز اول ﭘﺮوژه‪ ،‬واﺳﻂ ﮐﺎرﺑﺮی ﺷﺎﻣﻞ ﺻﻔﺤﺎت اﺻﻠ ﺳﺎﯾﺖ را ﻃﺮاﺣ ﻣ ﮐﻨﯿﺪ‪ .‬ﻫﺪف اﺻﻠ اﯾﻦ ﻓﺎز اﺳﺘﻔﺎده از‬
‫ﻣﻮاردی اﺳﺖ ﮐﻪ در ﺗﻤﺮﯾﻦﻫﺎی ﻗﺒﻠ ﺑﺮای ﻃﺮاﺣ ﮐﺎﻣﻞ ﺻﻔﺤﺎت ﯾﺎد ﮔﺮﻓﺘﯿﺪ و ﻫﻤﭽﻨﯿﻦ ﯾﺎدﮔﯿﺮی اﺳﺘﻔﺎده از ‪Ajax‬‬
‫و ﮐﺘﺎبﺧﺎﻧﻪﻫﺎی ﻣﺘﻨﻮع ‪ CSS‬و ‪ Javascript‬ﻣ ﺑﺎﺷﺪ‪.‬‬
‫‪١‬‬
‫در ﺗﻤﺮﯾﻦﻫﺎی ﻗﺒﻠ از زﺑﺎنﻫﺎی ‪ CSS‬و ‪ Javascript‬اﺳﺘﻔﺎده ﮐﺮدﯾﻢ‪ ،‬و اﮐﻨﻮن وﻗﺖ آن رﺳﯿﺪه ﺗﺎ از ﮐﺘﺎبﺧﺎﻧﻪﻫﺎی‬
‫ﻣﻮﺟﻮد ﺑﺮای اﯾﻦ دو زﺑﺎن اﺳﺘﻔﺎده ﮐﻨﯿﻢ‪ .‬ﮐﺘﺎبﺧﺎﻧﻪﻫﺎﯾ ﻣﺎﻧﻨﺪ ‪ jQuery‬و ‪ Bootstrap‬ﺑﺎ ﻓﺮاﻫﻢ آوردن ﺑﺮﺧ وﯾﮋﮔ ﻫﺎ‬
‫و ﻋﻤﻠ ﺮدﻫﺎی اﺳﺎﺳ و ﺟﺎﻧﺒ ﻣﻮرد ﻧﯿﺎز ﻣﺎ در ﺳﺎﺧﺖ ﺻﻔﺤﺎت وب ﺑﻪ ﻣﺎ ﮐﻤ ﻣ ﮐﻨﻨﺪ ﺗﺎ در وﻗﺖ و ﻧﯿﺮوی ﺧﻮد‬
‫ﺻﺮﻓﻪﺟﻮﯾ ﮐﻨﯿﻢ‪ .‬اﺳﺘﻔﺎده از اﯾﻦ ﮐﺘﺎبﺧﺎﻧﻪﻫﺎ در ﻧﻮﺷﺘﻦ ﺻﻔﺤﺎت اﯾﻦ ﭘﺮوژه ﺑﺴﯿﺎر ﺗﻮﺻﯿﻪ ﻣ ﺷﻮد و ﺣﺘ ﺑﺨﺸ‬
‫اﻧﺪک از اﻣﺘﯿﺎز ﺗﻤﺮﯾﻦ ﻧﯿﺰ ﺑﻪ اﺳﺘﻔﺎده از اﯾﻦ اﻣ ﺎﻧﺎت ﺗﻌﻠﻖ ﻣ ﮔﯿﺮد‪.‬‬
‫در اداﻣﻪ ﺑﻪ ﺗﻮﺿﯿﺤﺎت ﻣﺮﺑﻮط ﺑﻪ ﺻﻔﺤﺎت ﻣﺨﺘﻠﻒ اﯾﻦ ﺳﺎﯾﺖ ﻣ ﭘﺮدازﯾﻢ‪ .‬در ﻫﺮ ﺑﺨﺶ از ﺗﻮﺿﯿﺤﺎت‪ ،‬وﯾﮋﮔ ﻫﺎی‬
‫ﯾ از ﺻﻔﺤﺎت را ﺑﯿﺎن ﻣ ﮐﻨﯿﻢ‪ .‬دﺳﺖ ﺷﻤﺎ در ﭘﯿﺎدهﺳﺎزی ﻇﺎﻫﺮ اﯾﻦ ﺻﻔﺤﺎت ﮐﺎﻣﻼ ﺑﺎز اﺳﺖ و در ﻫﻤﻪی ﺑﺨﺶﻫﺎ‬
‫ﻣﺨﺘﺎرﯾﺪ ﻃﺮاﺣ ﺧﻮد را ﭘﯿﺎدهﺳﺎزی ﮐﻨﯿﺪ‪ .‬ﺻﺮﻓﺎً ﺑﺎﯾﺪ ﺑﺨﺶﻫﺎی ﮔﻔﺘﻪﺷﺪه ﺑﺮای ﻫﺮ ﺻﻔﺤﻪ در ﻧﻈﺮ ﮔﺮﻓﺘﻪ ﺷﺪه و‬
‫ﭘﯿﺎدهﺳﺎزی ﺷﻮﻧﺪ‪ .‬ﻧﺤﻮهی ﭼﯿﻨﺶ ﺑﺨﺶﻫﺎ و آراﯾﺶ آنﻫﺎ و ﻫﻤﭽﻨﯿﻦ ﺑﺨﺶﻫﺎی اﺿﺎﻓﻪ ﮐﺎﻣﻼ ﺑﻪ ﻋﻬﺪه و اﺧﺘﯿﺎر ﺷﻤﺎ‬
‫اﺳﺖ‪ ،‬ﻫﺮﭼﻨﺪ زﯾﺒﺎﯾ و ﻣﺮﺗﺐ ﺑﻮدن ﺳﺎﯾﺖ و ﺑﻬﺮهﮔﯿﺮی از ﺳﺒ ﻃﺮاﺣ ﯾ ﭘﺎرﭼﻪ و ﻣﻨﺎﺳﺐ از ﻣﻮارد اﺻﻠ اﺳﺖ‬
‫ﮐﻪ در ارزشﯾﺎﺑ اﯾﻦ ﻓﺎز از ﭘﺮوژه در ﻧﻈﺮ ﮔﺮﻓﺘﻪ ﻣ ﺷﻮد‪ .‬در ﻫﺮ ﺑﺨﺶ ﺑﺮای دادن دﯾﺪ ﺑﻬﺘﺮ ﺑﻪ ﺷﻤﺎ ﯾ ﻃﺮح ﮐﻠ‬
‫از ﺻﻔﺤﻪی ﻣﻮردﻧﻈﺮ آورده ﺷﺪه ﮐﻪ ﺷﺎﻣﻞ ﺑﺨﺶﻫﺎی ﻣﻄﻠﻮب اﺳﺖ‪ .‬ﮔﺮﭼﻪ ﻧﯿﺎزی ﻧﯿﺴﺖ و ﺗﻮﺻﯿﻪ ﻧﻤ ﺷﻮد ﮐﻪ ﺷﻤﺎ‬
‫اﯾﻦ ﻇﺎﻫﺮﻫﺎی ﻧﻤﻮﻧﻪ را ﭘﯿﺎدهﺳﺎزی ﮐﻨﯿﺪ‪.‬‬
‫‪٢‬‬
‫ﺻﻔﺤﻪی اﺻﻠ‬
‫اﯾﻦ ﺻﻔﺤﻪ‪ ،‬ﺻﻔﺤﻪی اول و اﺻﻠ ﺳﺎﯾﺖ ﻣ ﺑﺎﺷﺪ‪ .‬در اﯾﻦ ﺻﻔﺤﻪ ﺷﻤﺎ ﺑﺎﯾﺪ ﻣﻮارد زﯾﺮ را ﺑﻪ ﻧﻤﺎﯾﺶ ﺑ ﺬارﯾﺪ‪:‬‬
‫• در ﺑﺎﻻی ﺻﻔﺤﻪ ﻧﻤﺎﯾﺶ اﺳﻼﯾﺪی ﻣﺤﺼﻮﻻت ﺑﺮﺗﺮ ﻗﺮار ﻣ ﮔﯿﺮد‪ .‬ﺗﺼﺎوﯾﺮ و اﺳﺎﻣ اﯾﻦ ﻣﺤﺼﻮﻻت را ﺑﻪ‬
‫دلﺧﻮاه ﺧﻮد ﺗﻌﯿﯿﻦ ﮐﻨﯿﺪ‪ .‬ﺑﺎ اﻧﺘﺨﺎب ﻫﺮ ﯾ از اﯾﻦ ﻣﺤﺼﻮﻻت ﮐﺎرﺑﺮ ﺑﺎﯾﺪ ﺑﻪ ﺻﻔﺤﻪی ﻣﺸﺨﺼﺎت ﻣﺤﺼﻮل‬
‫ﻫﺪاﯾﺖ ﺷﻮد‪.‬‬
‫• ﮐﺎرﺑﺮ ﺑﺎﯾﺪ اﻣ ﺎن اﻧﺘﺨﺎب دﺳﺘﻪ ﯾﺎ زﯾﺮدﺳﺘﻪﻫﺎی ﻣﺨﺘﻠﻒ ﻣﺤﺼﻮﻻت را داﺷﺘﻪ ﺑﺎﺷﺪ و در ﺻﻮرت اﻧﺘﺨﺎب ﯾ‬
‫از آنﻫﺎ ﺑﻪ ﺻﻔﺤﻪی ﻟﯿﺴﺖ ﻣﺤﺼﻮﻻت ﻫﺪاﯾﺖ ﺷﻮد‪.‬‬
‫• اﻣ ﺎن ﺟﺴﺖوﺟﻮی ﻣﺤﺼﻮﻻت ﻧﯿﺰ ﺑﺎﯾﺪ وﺟﻮد داﺷﺘﻪ ﺑﺎﺷﺪ ﮐﻪ ﮐﺎرﺑﺮ را ﺑﻪ ﺻﻔﺤﻪی ﻟﯿﺴﺖ ﻣﺤﺼﻮﻻت‬
‫ﻫﺪاﯾﺖ ﮐﻨﺪ‪ .‬در ﮐﻨﺎر اﺑﺰار ﺟﺴﺖوﺟﻮ ﺑﺎﯾﺪ ﯾ ﻣﻨﻮی ﮐﺮﮐﺮهای ‪ ١‬ﭼﻨﺪﺳﻄﺤﻪ وﺟﻮد داﺷﺘﻪ ﺑﺎﺷﺪ ﮐﻪ ﺑﺘﻮان دﺳﺘﻪ‬
‫ﯾﺎ زﯾﺮدﺳﺘﻪی ﻣﻮرد ﻧﻈﺮ را اﻧﺘﺨﺎب ﮐﺮده و ﺟﺴﺖوﺟﻮ در آن ﺻﻮرت ﮔﯿﺮد‪.‬‬
‫• ﺷﻤﺎ ﻣ ﺗﻮاﻧﯿﺪ در اﯾﻦ ﺻﻔﺤﻪ ﻋﻨﺎﺻﺮ ﺟﺪﯾﺪ و ﺧﻼﻗﺎﻧﻪ ﺑﻪ ﺳﻠﯿﻘﻪی ﺧﻮد اﺿﺎﻓﻪ ﮐﻨﯿﺪ ﮐﻪ دﺳﺖرﺳ ﮐﺎرﺑﺮ را ﺑﻪ‬
‫ﻣﺤﺼﻮﻻت ﺗﺴﻬﯿﻞ ﮐﻨﺪ‪ .‬اﯾﻦ ﻣﻮرد در ﺻﻮرت ﭘﯿﺎدهﺳﺎزی ﻣﻨﺎﺳﺐ ﻧﻤﺮهی اﺿﺎﻓ ﺑﻪ ﻫﻤﺮاه دارد‪.‬‬
‫در ﻫﻨ ﺎم ﺑﺎرﮔﺬاری اﯾﻦ ﺻﻔﺤﻪ دﺳﺘﻪﺑﻨﺪیﻫﺎی ﻓﺮوﺷ ﺎه در اﺧﺘﯿﺎر ﺷﻤﺎ ﻗﺮار ﺧﻮاﻫﺪ ﮔﺮﻓﺖ‪.‬‬
‫‪dropdown menu‬‬
‫‪٣‬‬
‫‪١‬‬
‫ﺻﻔﺤﻪی ﻟﯿﺴﺖ ﻣﺤﺼﻮﻻت‬
‫در اﯾﻦ ﺻﻔﺤﻪ ﮐﺎرﺑﺮ ﻣ ﺗﻮاﻧﺪ ﻟﯿﺴﺘ از ﻣﺤﺼﻮﻻت ﻣﻮﺟﻮد در ﻓﺮوﺷ ﺎه را ﺑﺒﯿﻨﺪ و اﻗﺪام ﺑﻪ ﺧﺮﯾﺪ آنﻫﺎ ﻧﻤﺎﯾﺪ‪.‬‬
‫• ﮐﺎﻻﻫﺎی ﻓﺮوﺷ ﺎه در دﺳﺘﻪﻫﺎی ﻣﺨﺘﻠﻔ ﻗﺮار ﻣ ﮔﯿﺮﻧﺪ‪ .‬ﺑﻪ ازای دﺳﺘﻪﻫﺎی ﻣﺨﺘﻠﻒ ﻣﺤﺼﻮﻻت ﮔﺰﯾﻨﻪﻫﺎﯾ‬
‫وﺟﻮد دارد ﮐﻪ ﺑﺎ ﮐﻠﯿ ﺑﺮ روی آنﻫﺎ ﻣﺤﺼﻮﻻت آن دﺳﺘﻪ ﻟﯿﺴﺖ ﻣ ﺷﻮﻧﺪ‪ .‬ﻫﻤﭽﻨﯿﻦ اﻣ ﺎن ﺟﺴﺖوﺟﻮ‬
‫ﻧﯿﺰ وﺟﻮد دارد ﮐﻪ در اﯾﻦ ﺻﻮرت ﻟﯿﺴﺖ ﻣﺤﺼﻮﻻﺗ ﮐﻪ ﺑﺎ ﻋﺒﺎرت ﺟﺴﺖوﺟﻮ ﻫﻢﺧﻮاﻧ دارﻧﺪ ﻧﻤﺎﯾﺶ داده‬
‫ﻣ ﺷﻮد‪.‬‬
‫• در ﻫﺮ ﯾ از ﺣﺎﻻت ﺑﺎﻻ ﻣﻤ ﻦ اﺳﺖ ﺗﻌﺪاد ﻧﺘﺎﯾﺞ ﻣﻮردﻧﻈﺮ زﯾﺎد ﺷﻮد ﮐﻪ در اﯾﻦ ﺻﻮرت ﻧﺒﺎﯾﺪ ﻫﻤﻪی‬
‫آنﻫﺎ ﯾ ﺟﺎ ﻧﺸﺎن داده ﺷﻮد‪ .‬ﺑﺎ اﺳﺘﻔﺎده از ﺗ ﻨﯿ ﻫﺎﯾ ﻧﻈﯿﺮ ‪ Pagination‬ﯾﺎ ‪ Infinite Scroll‬ﺑﺎﯾﺪ ﻣ ﺎﻧﯿﺰم‬
‫ﺻﻔﺤﻪﺑﻨﺪی ﭘﯿﺎدهﺳﺎزی ﺷﻮد‪.‬‬
‫• ﺑﻪ ازای ﻫﺮ ﮐﺎﻻﯾ ﮐﻪ ﻟﯿﺴﺖ ﻣ ﺷﻮد ﺑﺎﯾﺪ ﻧﺎم ﮐﺎﻻ‪ ،‬ﻋ ﺲ آن و ﻗﯿﻤﺖ آن ﻧﻤﺎﯾﺶ داده ﺷﻮد و ﮔﺰﯾﻨﻪای ﺑﺮای‬
‫اﺿﺎﻓﻪ ﮐﺮدن ﮐﺎﻻ ﺑﻪ ﺳﺒﺪ ﺧﺮﯾﺪ وﺟﻮد داﺷﺘﻪ ﺑﺎﺷﺪ‪ .‬ﻫﻤﭽﻨﯿﻦ ﺑﺎ ﮐﻠﯿ ﺑﺮ روی ﮐﺎﻻ ﺑﻪ ﺻﻔﺤﻪی ﻣﺸﺨﺼﺎت‬
‫ﮐﺎﻻ ﻣ روﯾﻢ ﮐﻪ ﺗﻮﺿﯿﺢ آن داده ﺧﻮاﻫﺪ ﺷﺪ‪.‬‬
‫• ﮐﺎرﺑﺮ ﺑﺎﯾﺪ ﺑﺘﻮاﻧﺪ ﺳﺒﺪ ﺧﺮﯾﺪ ﺧﻮد را در ﺗﻤﺎم ﺳﺎﯾﺖ ﻣﺸﺎﻫﺪه ﮐﻨﺪ‪ .‬در ﺳﺒﺪ ﺧﺮﯾﺪ ﺑﺎﯾﺪ ﻣﺤﺼﻮﻻت اﺿﺎﻓﻪ ﺷﺪه‬
‫ﻧﻤﺎﯾﺶ داده ﺷﻮﻧﺪ و اﻣ ﺎن ﺣﺬف آنﻫﺎ از ﺳﺒﺪ ﻧﯿﺰ وﺟﻮد داﺷﺘﻪ ﺑﺎﺷﺪ‪ .‬ﺟﻤﻊ ﻗﯿﻤﺖ ﻣﺤﺼﻮﻻت ﻣﻮﺟﻮد در‬
‫ﺳﺒﺪ ﻧﯿﺰ ﺑﺎﯾﺪ ﺑﻪ ﮐﺎرﺑﺮ ﻧﺸﺎن داده ﺷﻮد‪.‬‬
‫در ﻫﻨ ﺎم ﺑﺎرﮔﺬاری اﯾﻦ ﺻﻔﺤﻪ ﺳﺒﺪ ﺧﺮﯾﺪ ﻓﻌﻠ ﮐﺎرﺑﺮ در اﺧﺘﯿﺎر ﺷﻤﺎ ﻗﺮار ﺧﻮاﻫﺪ ﮔﺮﻓﺖ‪.‬‬
‫‪۴‬‬
‫اﺳﺘﻔﺎده از ‪Ajax‬‬
‫ﻟﯿﺴﺖ ﺷﺪن ﻣﺤﺼﻮﻻت ﺑﺎ ﮐﻠﯿ ﺑﺮ روی دﺳﺘﻪﻫﺎ‪ ،‬ﺟﺴﺖوﺟﻮ و ﻫﻤﭽﻨﯿﻦ اﺿﺎﻓﻪ ﮐﺮدن و ﺣﺬف ﻣﺤﺼﻮﻻت از ﺳﺒﺪ‬
‫ﺧﺮﯾﺪ ﻫﻤ ﺑﺎﯾﺪ ﺑﺎ ‪ Ajax‬ﺻﻮرت ﮔﯿﺮﻧﺪ و ﻧﺒﺎﯾﺪ ﺻﻔﺤﻪی ﺟﺪﯾﺪی ﺑﺮای آنﻫﺎ ﺑﺎرﮔﺬاری ﺷﻮد‪.‬‬
‫ﻧ ﺘﻪای ﮐﻪ ﺑﺎﯾﺪ ﺑﻪ آن ﺗﻮﺟﻪ ﮐﻨﯿﺪ اﯾﻦ اﺳﺖ ﮐﻪ ﺑﻪ دﻟﯿﻞ اﯾﻦﮐﻪ در اﺳﺘﻔﺎده از ‪ Ajax‬ﺻﻔﺤﻪی ﺟﺪﯾﺪی ﺑﺎرﮔﺬاری ﻧﻤ ﺷﻮد‬
‫و ﺻﺮﻓﺎً ﺑﺎ ‪ Javascript‬و اﻣﺜﺎل آن ﺗﻐﯿﯿﺮاﺗ در ﺻﻔﺤﻪ اﻋﻤﺎل ﻣ ﺷﻮد‪ ،‬در ﺣﺎﻟﺖ ﻋﺎدی اﻣ ﺎن ﺑﺎزﮔﺮداﻧﺪن آن ﺗﻐﯿﯿﺮات‬
‫ﺑﺎ دﮐﻤﻪﻫﺎی ﻋﻘﺐ و ﺟﻠﻮی ﻣﺮورﮔﺮ وﺟﻮد ﻧﺪارد‪ .‬وﻟ ﺷﻤﺎ ﺑﺎﯾﺪ اﯾﻦ اﻣ ﺎن را ﺑ ﺬارﯾﺪ ﮐﻪ ﺑﺎ دﮐﻤﻪﻫﺎی ﻋﻘﺐ و ﺟﻠﻮ‬
‫ﻣﺮورﮔﺮ ﺑﺘﻮان ﺑﯿﻦ ﺟﺴﺖوﺟﻮﻫﺎی ﻣﺨﺘﻠﻒ ﺣﺮﮐﺖ ﮐﺮد‪ .‬ﺑﺮای اﯾﻦ ﮐﺎر ﻣ ﺗﻮاﻧﯿﺪ از ‪ HTML5 History API‬و ﯾﺎ‬
‫ﮐﺘﺎبﺧﺎﻧﻪﻫﺎی ‪ Javascript‬اﺳﺘﻔﺎده ﮐﻨﯿﺪ‪.‬‬
‫ﺑﺮای اﯾﻦﮐﻪ ﺑﺘﻮاﻧﯿﺪ از ‪ Ajax‬اﺳﺘﻔﺎده ﮐﻨﯿﺪ ﻧﯿﺎز ﺑﻪ ﯾ ﺳﺮور دارﯾﺪ ﮐﻪ درﺧﻮاﺳﺖﻫﺎی ﺷﻤﺎ را درﯾﺎﻓﺖ ﮐﺮده و ﭘﺎﺳﺦ‬
‫ﻣﻨﺎﺳﺐ دﻫﺪ‪ .‬اﯾﻦ ﮐﺎر را در ﻓﺎزﻫﺎی ﺑﻌﺪی اﻧﺠﺎم ﺧﻮاﻫﯿﺪ داد‪ .‬وﻟ ﺑﺮای اﯾﻦﮐﻪ ﺑﺘﻮاﻧﯿﺪ ﺻﻔﺤﺎت ﺧﻮد را ﺗﺴﺖ ﮐﻨﯿﺪ‪،‬‬
‫ﯾ ‪ API‬ﺑﻪ ﺷﻤﺎ داده ﻣ ﺷﻮد‪ .‬در اﯾﻦ ﻓﺎز ﺑﺎﯾﺪ درﺧﻮاﺳﺖﻫﺎی ‪ Ajax‬ﺧﻮد را ﻃﺒﻖ اﯾﻦ ‪ API‬ﺑﻔﺮﺳﺘﯿﺪ و ﭘﺎﺳﺦﻫﺎﯾ‬
‫ﻣﺘﻨﺎﺳﺐ ﺑﺎ آنﭼﻪ ﮔﻔﺘﻪ ﺧﻮاﻫﺪ ﺷﺪ درﯾﺎﻓﺖ ﮐﻨﯿﺪ‪ .‬ﺗﻮﺿﯿﺤﺎت اﯾﻦ ‪ API‬ﺟﺪاﮔﺎﻧﻪ داده ﺧﻮاﻫﺪ ﺷﺪ‪.‬‬
‫ﻫﻤﭽﻨﯿﻦ در ﺑﺨﺶﻫﺎی دﯾ ﺮ اﯾﻦ ﺗﻤﺮﯾﻦ ﻧﯿﺰ ﻫﺮﮐﺠﺎ ﻧﯿﺎز ﺑﻪ اﺳﺘﻔﺎده از ‪ Ajax‬ﺑﺎﺷﺪ‪ ،‬ﻣﺎ ﺑﺮای ﺷﻤﺎ ‪ API‬وﯾﮋهای در‬
‫ﻧﻈﺮ ﮔﺮﻓﺘﻪاﯾﻢ ﮐﻪ ﺑﺎﯾﺪ ﺑﺎ اﺳﺘﻔﺎده از آن دادهﻫﺎی ﺧﻮد را ﺑﻔﺮﺳﺘﯿﺪ و درﯾﺎﻓﺖ ﮐﻨﯿﺪ‪ .‬ﭘﯿﺸﻨﻬﺎد ﻣﺎ ﺑﺮای ﭘﯿﺎدهﺳﺎزی اﯾﻦ‬
‫ﺗ ﻨﻮﻟﻮژی اﺳﺘﻔﺎده از ‪ jQuery‬اﺳﺖ‪ .‬ﺷﻤﺎ ﺑﺎﯾﺪ در ﻣﻘﺎﻃﻊ ﻣﺨﺘﻠﻒ اﻋﻤﺎل ﻣﻨﺎﺳﺐ اﻧﺠﺎم دﻫﯿﺪ ﮐﻪ ﺑﺎ اﺳﺘﻔﺎده از‬
‫ﮐﺘﺎبﺧﺎﻧﻪﻫﺎ ﺑﺴﯿﺎر راﺣﺖﺗﺮ و ﻣﻤ ﻦﺗﺮ ﻣ ﺷﻮد‪.‬‬
‫• ﻗﺒﻞ از ارﺳﺎل‪ :‬ﺗﺼﻮﯾﺮ ﻣﻨﺎﺳﺐ ﺑﺎرﮔﺬاری ﻧﻤﺎﯾﺶ داده ﺷﻮد‪.‬‬
‫• ارﺳﺎل اﻃﻼﻋﺎت‪ :‬اﻃﻼﻋﺎت ﺑﺎ ﻗﺎﻟﺐ ذﮐﺮﺷﺪه درون ‪ API‬ارﺳﺎل ﺷﻮﻧﺪ‪.‬‬
‫• ﻧﺘﯿﺠﻪی ارﺳﺎل‪ :‬در ﺻﻮرت ﻣﻮﻓﻘﯿﺖ و در ﺻﻮرت ﻋﺪم ﻣﻮﻓﻘﯿﺖ ﻧﺘﯿﺠﻪی ﻣﻨﺎﺳﺐ ﻧﻤﺎﯾﺶ داده ﺷﻮد‪.‬‬
‫• ارﺳﺎل ﻧﺎﻣﻮﻓﻖ‪ :‬اﮔﺮ ﻣﻮﻓﻖ ﺑﻪ ارﺳﺎل ﻧﺸﺪ‪ ،‬ﭘﯿﺎم ﻣﻨﺎﺳﺐ ﻧﻤﺎﯾﺶ داده ﺷﻮد‪.‬‬
‫اﻃﻼﻋﺎت ﻣﺮﺑﻮط ﺑﻪ ‪ API‬ﺗﻮﺳﻂ ﻣﺴﺘﻨﺪ ﺟﺪاﮔﺎﻧﻪای ﺑﻪ ﺷﻤﺎ ﺗﺤﻮﯾﻞ داده ﺧﻮاﻫﺪ ﺷﺪ‪ .‬اﯾﻦ راﺑﻂ ﺑﺮﻧﺎﻣﻪﻧﻮﯾﺴ ﮐﺎﻣﻼ‬
‫اﺑﺘﺪاﯾ اﺳﺖ و ﺻﺮﻓﺎً ﺳﺎﺧﺘﻪ ﺷﺪه ﺗﺎ در اﯾﻦ ﻣﺮﺣﻠﻪ ﺗﻮﺳﻂ ﺷﻤﺎ اﺳﺘﻔﺎده ﺷﻮد و ﺧﻮد ﺷﻤﺎ در ﻣﺮاﺣﻞ ﺑﻌﺪی ﭘﺮوژه ﻣﺪل‬
‫اﺻﻠ آن را در ﺳﻤﺖ ﺳﺮور ﭘﯿﺎده ﺳﺎزی ﺧﻮاﻫﯿﺪ ﮐﺮد‪.‬‬
‫‪۵‬‬
‫ﺻﻔﺤﻪی ﻣﺸﺨﺼﺎت ﻣﺤﺼﻮﻻت‬
‫ﻫﻤﺎنﻃﻮر ﮐﻪ ﮔﻔﺘﻪ ﺷﺪ ﺑﺎ ﮐﻠﯿ ﺑﺮ روی ﯾ ﻣﺤﺼﻮل ﺑﻪ ﺻﻔﺤﻪی ﻣﺸﺨﺼﺎت آن ﻣﺤﺼﻮل ﻫﺪاﯾﺖ ﻣ ﺷﻮﯾﻢ‪ .‬در اﯾﻦ‬
‫ﻓﺎز ﻧﯿﺎزی ﺑﻪ ﺳﺎﺧﺖ ﺻﻔﺤﻪ ﺑﺮای ﻫﻤﻪی ﻣﺤﺼﻮﻻت ﻧﯿﺴﺖ و ﺻﺮﻓﺎً ﮐﺎﻓ اﺳﺖ ﺗﺎ ﯾ ﺻﻔﺤﻪ ﺑﺮای ﯾ ﻣﺤﺼﻮل ﺑﻪ‬
‫ﻋﻨﻮان ﻧﻤﻮﻧﻪ ﻃﺮاﺣ ﮐﻨﯿﺪ‪ .‬در ﻓﺎزﻫﺎی ﺑﻌﺪی ﭘﺮوژه اﯾﻦ ﺻﻔﺤﻪ ﺑﻪ ﻋﻨﻮان ﻗﺎﻟﺐ ﺻﻔﺤﺎت ﻣﺤﺼﻮل ﺗﻮﺳﻂ ﺷﻤﺎ ﻣﻮرد‬
‫اﺳﺘﻔﺎده ﻗﺮار ﺧﻮاﻫﺪ ﮔﺮﻓﺖ‪ .‬ﺑﻨﺎﺑﺮاﯾﻦ اﯾﻦ ﺻﻔﺤﻪ از اﻫﻤﯿﺖ ﺑﺎﻻﯾ ﺑﺮﺧﻮردار ﺧﻮاﻫﺪ ﺑﻮد و در ﭘﯿﺎدهﺳﺎزی آن ﺑﺎﯾﺪ‬
‫ﺟﺰﺋﯿﺎت را رﻋﺎﯾﺖ ﮐﻨﯿﺪ‪.‬‬
‫• در اﯾﻦ ﺻﻔﺤﻪ ﺗﻮﺿﯿﺤﺎﺗ درﺑﺎرهی ﮐﺎﻻ داده ﻣ ﺷﻮد و اﻣ ﺎن اﺿﺎﻓﻪ ﮐﺮدن ﺑﻪ ﺳﺒﺪ ﺧﺮﯾﺪ اﯾﻦﺟﺎ ﻧﯿﺰ وﺟﻮد‬
‫دارد‪.‬‬
‫• ﮐﺎرﺑﺮان ﻣ ﺗﻮاﻧﻨﺪ ﺑﻪ ﮐﺎﻻﻫﺎی ﻣﺨﺘﻠﻒ ﻧﻈﺮ ﺑﺪﻫﻨﺪ‪ .‬در اﯾﻦ ﺻﻔﺤﻪ اﻣ ﺎن ﻧﻈﺮ دادن ﮐﺎرﺑﺮ ﺑﻪ ﮐﺎﻻی در ﺣﺎل‬
‫ﻣﺸﺎﻫﺪه وﺟﻮد دارد‪ .‬ﻫﻤﭽﻨﯿﻦ ﻧﻈﺮات ﺑﻘﯿﻪی ﮐﺎرﺑﺮان ﻧﯿﺰ ﺑﺎﯾﺪ ﻗﺎﺑﻞ ﻣﺸﺎﻫﺪه ﺑﺎﺷﺪ‪.‬‬
‫• ﺑﺎ ﮐﻠﯿ‬
‫ﺑﺮ روی ﺗﺼﻮﯾﺮ ﻣﺤﺼﻮل‪ ،‬ﺑﺰرگﺷﺪهی ﺗﺼﻮﯾﺮ در ﯾ‬
‫‪ Modal‬در ﻫﻤﺎن ﭘﻨﺠﺮه ﺑﺎز ﺷﻮد‪.‬‬
‫• در ﻫﻨ ﺎم ﺑﺎرﮔﺬاری اﯾﻦ ﺻﻔﺤﻪ ﻧﻈﺮات ﯾ ﻣﺤﺼﻮل ﺧﺎص در اﺧﺘﯿﺎر ﺷﻤﺎ ﻗﺮار ﺧﻮاﻫﺪ ﮔﺮﻓﺖ‪ .‬ﮐﺎرﺑﺮ ﺑﺎﯾﺪ‬
‫ﺑﺘﻮاﻧﺪ ﻧﻈﺮ اﺿﺎﻓﻪ ﮐﻨﺪ و در اﻧﺘﻬﺎی ﻟﯿﺴﺖ ﻧﻈﺮات ﻧﻤﺎﯾﺶ داده ﺷﻮد‪ .‬ﻧﻈﺮات اﺿﺎﻓﻪﺷﺪه ﺑﻪ ﺳﺮور ارﺳﺎل‬
‫ﻧﻤ ﺷﻮﻧﺪ و ﺑﺎ ﺑﻪروزرﺳﺎﻧ ﺻﻔﺤﻪ از ﺑﯿﻦ ﻣ روﻧﺪ‪.‬‬
‫‪۶‬‬
‫ﺻﻔﺤﻪی اﺿﺎﻓﻪ ﮐﺮدن ﻣﺤﺼﻮل‬
‫در اﯾﻦ ﺳﺎﯾﺖ ﻓﺮوﺷﻨﺪه ﺑﺎﯾﺪ ﯾ‬
‫از اﯾﻦ ﺑﺨﺶ اﺳﺖ‪.‬‬
‫ﺑﺨﺶ ﻣﺪﯾﺮﯾﺖ داﺷﺘﻪ ﺑﺎﺷﺪ‪ .‬ﺻﻔﺤﻪی اﺿﺎﻓﻪ ﮐﺮدن ﻣﺤﺼﻮل در ﺣﻘﯿﻘﺖ ﻧﻤﻮﻧﻪای‬
‫• در اﯾﻦ ﺻﻔﺤﻪ ﺑﺎﯾﺪ اﻣ ﺎن اﺿﺎﻓﻪ ﮐﺮدن ﯾ ﻣﺤﺼﻮل ﺑﺎ وارد ﮐﺮدن اﻃﻼﻋﺎﺗ ﮐﻪ ﺑﺮای آن ﻣﺤﺼﻮل در ﺻﻔﺤﻪی‬
‫ﻣﺤﺼﻮﻻت ﻧﺸﺎن ﻣ دﻫﯿﻢ وﺟﻮد داﺷﺘﻪ ﺑﺎﺷﺪ‪.‬‬
‫• ﻫﻤﭽﻨﯿﻦ اﻣ ﺎن اﻧﺘﺨﺎب ﯾ ﻓﺎﯾﻞ ﻋ ﺲ ﺑﻪ ﻋﻨﻮان ﺗﺼﻮﯾﺮ ﻣﺤﺼﻮل ﻧﯿﺰ ﻻزم اﺳﺖ‪ .‬ﮐﺎرﺑﺮ در اﯾﻦ ﺻﻔﺤﻪ اﻣ ﺎن‬
‫ﺑﺮﯾﺪن ﻋ ﺲ و اﻧﺘﺨﺎب ﺑﺨﺸ از ﻋ ﺲ ﻣﻮرد ﻧﻈﺮ را ﻧﯿﺰ دارد‪.‬‬
‫• اﻃﻼﻋﺎت درﯾﺎﻓﺘ از ﮐﺎرﺑﺮ در ﻧﻬﺎﯾﺖ ﺑﻪ ﺻﻮرت ‪ AJAX‬ﺑﺎﯾﺪ ﺑﺮای ﺳﺮور ﻓﺮﺳﺘﺎده ﺷﻮد‪.‬‬
‫ﺑﻘﯿﻪی ﻟﯿﻨ ﻫﺎی ﻣﻮﺟﻮد در ﮐﻨﺎر اﯾﻦ ﺻﻔﺤﻪ ﻧﻈﯿﺮ »ﻣﺤﺼﻮﻻت ﻣﻦ« ﯾﺎ »آﻣﺎر ﻓﺮوش« ﮐﻪ ﻣﺮﺑﻮط ﺑﻪ ﺑﺨﺶﻫﺎی دﯾ ﺮ‬
‫ﺻﻔﺤﻪی ﻣﺪﯾﺮﯾﺖ ﻫﺴﺘﻨﺪ را ﺑﻨﺎ ﺑﻪ ﺧﻮاﺳﺖ ﺧﻮد در ﻧﻈﺮ ﺑ ﯿﺮﯾﺪ‪ .‬اﯾﻦ ﻟﯿﻨ ﻫﺎ در اﯾﻦ ﻓﺎز ﻧﯿﺎزی ﺑﻪ ﭘﯿﺎدهﺳﺎزی ﻧﺪارﻧﺪ‬
‫و ﺻﺮﻓﺎً ﻇﺎﻫﺮ ﮐﺎر را ﺗﺸ ﯿﻞ ﻣ دﻫﻨﺪ و ﺑﻪ ﺟﺎﯾ اﺷﺎره ﻧﻤ ﮐﻨﻨﺪ‪ .‬ﮐﺎﻓ اﺳﺖ ﺷﻤﺎ ﻓﻘﻂ ﻫﻤﯿﻦ ﯾ ﺑﺨﺶ از ﺻﻔﺤﻪی‬
‫ﻣﺪﯾﺮﯾﺖ را ﭘﯿﺎدهﺳﺎزی ﮐﻨﯿﺪ‪ .‬ﺑﻘﯿﻪی ﺑﺨﺶﻫﺎ در ﻓﺎز ﺑﻌﺪ اﺿﺎﻓﻪ ﺧﻮاﻫﻨﺪ ﺷﺪ‪.‬‬
‫‪٧‬‬
‫ﺗﻮﺿﯿﺤﺎت ﻧﻬﺎﯾ‬
‫‪ .١‬ﭘﺮوژه ﺑﻪ ﺻﻮرت ﮔﺮوهﻫﺎی دوﻧﻔﺮه اﻧﺠﺎم ﻣ ﺷﻮد‪.‬‬
‫‪ .٢‬ﺑﺮای ﺗﺴﻬﯿﻞ ﮐﺎر ﮔﺮوﻫ و ﻣﺪﯾﺮﯾﺖ ﭘﺮوژهﻫﺎ ﻃ ﻓﺎزﻫﺎی ﻣﺨﺘﻠﻒ اﺑﺰارﻫﺎی ‪ Version Controlling‬زﯾﺎدی‬
‫ﻧﻈﯿﺮ ‪ git ،svn‬و ﻏﯿﺮه وﺟﻮد دارﻧﺪ‪ .‬در اﯾﻦ ﭘﺮوژه ﺷﻤﺎ ﺑﺎﯾﺪ از اﺑﺰار ‪ git‬اﺳﺘﻔﺎده ﮐﻨﯿﺪ‪ .‬ﻋﻼوه ﺑﺮ اﯾﻦ ﺷﻤﺎ ﺑﺎﯾﺪ‬
‫ﭘﺮوژهی ﺧﻮد را ﺑﺮ روی ﯾ ‪ online repository‬ﻣﺎﻧﻨﺪ ‪ BitBucket‬ﻗﺮار دﻫﯿﺪ‪ .‬ﺑﺮای ﯾﺎدﮔﯿﺮی ﮔﯿﺖ ﻣ ﺗﻮاﻧﯿﺪ‬
‫از اﯾﻦ ﻟﯿﻨ اﺳﺘﻔﺎده ﮐﻨﯿﺪ‪ .http://try.github.io :‬اﻃﻼﻋﺎت ﺑﯿﺶﺗﺮ راﺟﻊ ﺑﻪ ﻧﺤﻮهی راهاﻧﺪازی ﮔﯿﺖ‬
‫در ﮐﻼس ﺣﻞ ﺗﻤﺮﯾﻦ ﻣﺮﺑﻮط ﺑﻪ اﯾﻦ ﭘﺮوژه ﮔﻔﺘﻪ ﺧﻮاﻫﺪ ﺷﺪ‪ .‬ﺑﻨﺎﺑﺮاﯾﻦ ﺑﻬﺘﺮ اﺳﺖ ﻗﺒﻞ از ﮐﻼس ﻣﺬﮐﻮر ﻟﯿﻨ‬
‫داده ﺷﺪه را ﻧ ﺎه ﮐﻨﯿﺪ ﺗﺎ ﺑﺮای ﺗﻮﺿﯿﺤﺎت ﺑﯿﺶﺗﺮ آﻣﺎدﮔ داﺷﺘﻪ ﺑﺎﺷﯿﺪ‪.‬‬
‫‪ .٣‬در اﯾﻦ ﺗﻤﺮﯾﻦ ﺷﻤﺎ اﻣ ﺎن اﻧﺘﺨﺎب ﻧﻮع ﻣﺤﺼﻮﻻت ﻓﺮوﺧﺘﻪﺷﺪه در ﻓﺮوﺷ ﺎه و ﻫﻤﭽﻨﯿﻦ اﻃﻼﻋﺎﺗ ﮐﻪ ﺑﺮای‬
‫ﻫﺮ ﻣﺤﺼﻮل وﺟﻮد دارد‪ ،‬ﻣﺎﻧﻨﺪ ﺗﻌﺪاد ﺗﺼﺎوﯾﺮ و اﺑﻌﺎد و ﻣﯿﺰان ﻣﻮﺟﻮدی و ﺳﻄﺢ ﮐﯿﻔﯿﺖ و ‪ ...‬را دارﯾﺪ‪ .‬ﺷﻤﺎ‬
‫ﻣ ﺗﻮاﻧﯿﺪ ﺑﻨﺎ ﺑﻪ ﺳﻠﯿﻘﻪی ﺧﻮدﺗﺎن‪ ،‬اﻗﻼم اﻃﻼﻋﺎﺗ ﻣﻮﺟﻮد راﺟﻊ ﺑﻪ ﻫﺮ ﻣﺤﺼﻮل را در ﺳﺎﯾﺖ ﺑ ﻨﺠﺎﻧﯿﺪ ﮐﻪ اﯾﻦ‬
‫ﻧﯿﺰ در ارزشﯾﺎﺑ ﻧﻬﺎﯾ ﭘﺮوژه ﻣﻮﺛﺮ ﺧﻮاﻫﺪ ﺑﻮد‪ .‬اﻟﺒﺘﻪ ﺑﺎ ﺗﻮﺟﻪ ﺑﻪ اﯾﻦﮐﻪ اﯾﻦ ﻓﺎز ﺻﺮﻓﺎً ﺟﻬﺖ ﻓﺮاﻫﻢ آوردن‬
‫زﯾﺮﺳﺎﺧﺖﻫﺎی ﻇﺎﻫﺮی ﺳﺎﯾﺖ ﻣ ﺑﺎﺷﺪ‪ ،‬ﺷﻤﺎ در ﻫﻨ ﺎم ارزشﯾﺎﺑ از دﺳﺖﯾﺎر آﻣﻮزﺷ ﺧﻮد ﺑﺎزﺧﻮردﻫﺎی ﻻزم‬
‫ﺑﺮای اﻧﺠﺎم ﻫﺮﭼﻪ ﺑﻬﺘﺮ ﻓﺎزﻫﺎی ﺑﻌﺪ را درﯾﺎﻓﺖ ﺧﻮاﻫﯿﺪ ﮐﺮد‪ .‬ﻟﺬا ﻧﯿﺎزی ﻧﯿﺴﺖ ﻧ ﺮان ﺗﺄﺛﯿﺮ ﺗﺼﻤﯿﻤﺎت ﺧﻮد در‬
‫ﻓﺎزﻫﺎی ﺑﻌﺪی ﺑﺎﺷﯿﺪ‪.‬‬
‫‪ .۴‬اﺳﺘﻔﺎده از ﭼﺎرﭼﻮبﻫﺎ و ﮐﺘﺎبﺧﺎﻧﻪﻫﺎی ﻣﻌﺮوف ﻣﺎﻧﻨﺪ ‪Underscore, Backbone, AngularJS, Foun-‬‬
‫‪ dation, Bootstrap‬و ‪ ...‬ﻧﻪ ﺗﻨﻬﺎ ﻣﺎﻧﻌ ﻧﺪارد‪ ،‬ﺑﻠ ﻪ ﺗﻮﺻﯿﻪ ﻣ ﺷﻮد‪.‬‬
‫‪ .۵‬ﻫﺮﮔﻮﻧﻪ ﺧﻼﻗﯿﺖ‪ ،‬اﯾﺪه ﯾﺎ ﺗ ﻨﯿ‬
‫ﺟﺎﻟﺐ در ﭘﺮوژه ﺑﺎ اﺳﺘﻘﺒﺎل روﺑﺮو ﺧﻮاﻫﺪ ﺷﺪ!‬
‫‪ .۶‬اﻃﻼﻋﺎت ﺑﯿﺶﺗﺮ در ﻣﻮرد اﯾﻦ ﭘﺮوژه و ﻓﺎز اول آن در ﮐﻼس ﺣﻞ ﺗﻤﺮﯾﻦ وﯾﮋهی اﯾﻦ ﻓﺎز ﮐﻪ ﺷﻨﺒﻪی ﻫﻔﺘﻪی آﯾﻨﺪه‬
‫ﺑﺮﮔﺰار ﺧﻮاﻫﺪ ﺷﺪ ﻣﻄﺮح ﺧﻮاﻫﺪ ﺷﺪ‪ .‬ﺷﺮﮐﺖ در اﯾﻦ ﮐﻼس ﺟﻬﺖ ﭘﯿﺎدهﺳﺎزی ﻣﻨﺎﺳﺐ اﯾﻦ ﻓﺎز از ﭘﺮوژه ﻻزم‬
‫و ﺿﺮوری اﺳﺖ‪.‬‬
‫‪٨‬‬