My presentation at Iran App Festival (March 7th, Tehran, Iran).

2. ‫ﺳﻼم!‬

4. ‫۱: وب ﺳﺎﯾﺖ ﻫﺎی رﯾﺴﭙﺎﻧﺴﯿﻮ‬
‫۲: وب اپ ﻫﺎ‬
‫۳: اﭘﻠﯿﮑﯿﺸﻦ ﻫﺎی ﻣﺤﻠﯽ ﺑﺎ ﺗﮑﻨﻮﻟﻮژی وب‬

5. ‫وب ﺳﺎﯾﺖ ﻫﺎی رﯾﺴﭙﺎﻧﺴﯿﻮ‬

6. ‫وب ﺳﺎﯾﺖ ﻫﺎی رﯾﺴﭙﺎﻧﺴﯿﻮ‬
‫ﻣﺸﮑﻼت وب ﺳﺎﯾﺖ ﻫﺎی ﻗﺪﯾﻤﯽ:‬

7. ‫وب ﺳﺎﯾﺖ ﻫﺎی رﯾﺴﭙﺎﻧﺴﯿﻮ‬
:‫راه ﺣﻞ‬
CSS3 Media Queries
1 @media only screen and (max-width: 480px) {
2 body{
3 padding-right: 6%;
4 padding-left: 6%;
5 }
6 }
1 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
2 header h1{
3 background-image: url(../img/logo@2x.png);
4 background-size: 100%;
5 }
6 }

8. ‫وب ﺳﺎﯾﺖ ﻫﺎی رﯾﺴﭙﺎﻧﺴﯿﻮ‬
‫ﻧﺘﯿﺠﻪ:‬

10. ‫وب ﺳﺎﯾﺖ ﻫﺎی رﯾﺴﭙﺎﻧﺴﯿﻮ‬
‫ﻣﻨﺎﺑﻊ آﻣﻮزﺷﯽ:‬
‫61781/‪p5x.co‬‬ ‫71781/‪p5x.co‬‬

11. ‫وب اﭘﻠﯿﮑﯿﺸﻦ ﻫﺎ‬

12. ‫وب اﭘﻠﯿﮑﯿﺸﻦ ﻫﺎ‬
‫ﻣﺸﮑﻼت اپ ﻫﺎی ﻣﺤﻠﯽ:‬
‫ﺳﺨﺘﯽ ﯾﺎدﮔﯿﺮی‬ ‫ﺳﺨﺘﯽ ﺛﺒﺖ در‬ ‫ﺳﺨﺘﯽ ﺗﻮﺳﻌﻪ‬
‫زﺑﺎﻧﻬﺎی ﺑﺮﻧﺎﻣﻪ‬ ‫ﻓﺮوﺷﮕﺎه ﻫﺎی‬ ‫ﺑﺮای ﭘﻠﺘﻔﺮم ﻫﺎی‬
‫ﻧﻮﯾﺴﯽ ﻣﻮﺑﺎﯾﻞ‬ ‫ﻧﺮم اﻓﺰار‬ ‫ﻣﺨﺘﻠﻒ‬
‫ ‪iPhone Designed by George Agpoon‬‬ ‫ ‪Tools Designed by Cris Dobbins‬‬
‫ ‪Android Designed by The Art of E‬‬ ‫ ‪Grid Designed by Alex Fuller‬‬

13. ‫وب اﭘﻠﯿﮑﯿﺸﻦ ﻫﺎ‬
‫راه ﺣﻞ:‬
‫5‪HTML‬‬
‫3‪CSS‬‬ ‫+‬
‫‪JavaScript‬‬ ‫اﯾﻨﺘﺮﻧﺖ!‬

14. ‫وب اﭘﻠﯿﮑﯿﺸﻦ ﻫﺎ‬
‫ﺗﮑﻨﻮﻟﻮژی ﻫﺎی ﻣﺮﺗﺒﻂ:‬

15. ‫وب اﭘﻠﯿﮑﯿﺸﻦ ﻫﺎ‬
‫ﻧﺘﯿﺠﻪ:‬

16. ‫وب اﭘﻠﯿﮑﯿﺸﻦ ﻫﺎ‬
‫ﻣﺸﮑﻼت:‬
‫۱: ﺳﺮﻋﺖ ﭘﺎﯾﯿﻦ اﺟﺮا در دﺳﺘﮕﺎه ﻫﺎی ﻗﺪﯾﻤﯽ ﺗﺮ‬
‫۲: ﻋﺪم دﺳﺘﺮﺳﯽ ﺑﻪ اﻣﮑﺎﻧﺎت ﮐﺎﻣﻞ دﺳﺘﮕﺎه‬
‫۳: ﺿﺮوری ﺑﻮدن اﺗﺼﺎل ﺑﻪ اﯾﻨﺘﺮﻧﺖ‬
‫:)‬

17. ‫وب ﺳﺎﯾﺖ ﻫﺎی رﯾﺴﭙﺎﻧﺴﯿﻮ‬
‫ﻣﻨﺎﺑﻊ آﻣﻮزﺷﯽ:‬
‫22781/‪p5x.co‬‬ ‫32781/‪p5x.co‬‬ ‫42781/‪p5x.co‬‬

18. ‫اﭘﻠﯿﮑﯿﺸﻦ ﻣﺤﻠﯽ ﺑﺎ ﺗﮑﻨﻮﻟﻮژی وب‬
‫)ﻫﺎﯾﺒﺮﯾﺪ(‬

19. ‫اﭘﻠﯿﮑﯿﺸﻦ ﻫﺎی ﻫﺎﯾﺒﺮﯾﺪ‬
‫ﻣﺸﮑﻼت وب اپ ﻫﺎ:‬
‫ﻋﺪم دﺳﺘﺮﺳﯽ‬ ‫ﺿﺮوری ﺑﻮدن‬ ‫ﻋﺪم اﻣﮑﺎن ﺛﺒﺖ‬
‫ﺑﻪ اﻣﮑﺎﻧﺎت‬ ‫اﺗﺼﺎل ﺑﻪ‬ ‫در ﻓﺮوﺷﮕﺎه ﻫﺎی‬
‫ﮐﺎﻣﻞ دﺳﺘﮕﺎه‬ ‫اﯾﻨﺘﺮﻧﺖ‬ ‫ﻧﺮم اﻓﺰار‬
‫‪GPS From the Noun Project‬‬ ‫ ‪Grid Designed by Alex Fuller‬‬

20. ‫اﭘﻠﯿﮑﯿﺸﻦ ﻫﺎی ﻫﺎﯾﺒﺮﯾﺪ‬
‫راه ﺣﻞ:‬
‫5‪HTML‬‬
‫3‪CSS‬‬ ‫+‬
‫‪JavaScript‬‬ ‫ﻓﺮﯾﻤﻮرک ﻫﺎﯾﺒﺮﯾﺪ‬

21. ‫اﭘﻠﯿﮑﯿﺸﻦ ﻫﺎی ﻫﺎﯾﺒﺮﯾﺪ:‬

22. ‫اﭘﻠﯿﮑﯿﺸﻦ ﻫﺎی ﻫﺎﯾﺒﺮﯾﺪ‬
‫ﻧﺘﯿﺠﻪ:‬

23. ‫وب ﺳﺎﯾﺖ ﻫﺎی رﯾﺴﭙﺎﻧﺴﯿﻮ‬
‫ﻣﻨﺎﺑﻊ آﻣﻮزﺷﯽ:‬
‫72781/‪p5x.co‬‬ ‫82781/‪p5x.co‬‬ ‫62781/‪p5x.co‬‬

24. Sallar
Sallar.me
sallar@zigzaglab.com
.‫ﺑﺎ ﺗﺸﮑﺮ از ﺗﻮﺟﻪ ﺷﻤﺎ‬