https://github.com/albertstepanyan/advancedjs
- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Advanced JS презентация
Содержание
- 1. Advanced JS
- 2. How Everything started ?
- 3. Well, Imagine 1995, Era of Cyberpunk, Sci
- 4. Guy named Brendan Eich
- 5. The language was completely different from what
- 6. But Still question WHY ???
- 7. By that time Web was just starting
- 8. Creating a dynamic language like JavaScript would
- 9. So Great Idea isn’t it ?
- 10. Imagine you have to wait minutes when
- 11. Your Nickname “Super Sexy” is already in use OOPS !
- 12. This is really embarrassing, so Javascript was called to help.
- 13. The so called DHTML, started validating dozens
- 14. So Some companies like ADOBE tried to
- 15. But as we know Good always wins
- 16. So After some time the lonely warrior proudly called Javascript
- 17. Called a cavalry for help, and the world changed forever !
- 18. Nowadays with the help of JavaScript fans
- 19. Server Side: Rhino
- 20. Desktop : Windows 8, chrome OS, extensions
- 21. Nowadays, using these latest technologies you can
- 22. What does that mean, It means Buckle
- 23. Lets Start with installing the Node JS.
- 24. Next Step is to install GRUNT. http://gruntjs.com/
- 25. The time for bower has come: go
- 26. Yeoman: http://yeoman.io/ , this is by far
- 27. AngularJS install with yeoman by typing in
- 28. Why AngularJS ?
- 29. 1. Very Opinionated 2. Average (not easy)
- 30. Ok, so What is the magic beyond
- 32. I guess no explanation in documentation, tutorials
How Everything started ?
Слайд 1Advanced JS
Workshop – Coding Session, describing most opinionated technologies in JS
world.
Слайд 4
Guy named Brendan Eich who was working for Netscape decided to
change the web world and invented brand new language called Javascript.
Слайд 5The language was completely different from what developers were used to
see before. No Compiler. No interpreter. Everything was handled by browser Rendering engine. Revolution.
Слайд 7By that time Web was just starting to grow, Internet Connections
were slow. Webpage was just a bunch of HTML elements somehow served from Servers. User experience was…….
Слайд 8Creating a dynamic language like JavaScript would give users and developers
an opportunity to make some elements on the webpage dynamic -> DHTML.
Слайд 10Imagine you have to wait minutes when your registration form on
your favorite dating website is submitted, then page reloads you get excited cause the world will finally see your profile, but finally you get a feedback from Server :
Слайд 13The so called DHTML, started validating dozens of forms on the
websites helping users and developers, create more dynamic websites, and with the IE6 the world changed when AJAX came through and the light was seen. But this session is not about JS history as after some time, developers from more strict languages started to underestimate the language, because of its scripting nature and browser quirks.
Слайд 14So Some companies like ADOBE tried to solve this by creating
a language which is OOP, strict and based on ECMA-script and Javascript started becoming an exile.
Слайд 15But as we know Good always wins the Evil and after
some time People like John Resig (jQuery), started creating open source libraries to make a beauty from the beast.
Слайд 20Desktop : Windows 8, chrome OS, extensions Mobile: Phonegap, Appcelerator, Sencha Gaming:
Canvas, WebGl
Protocols: HTML5 Websockets
Слайд 21Nowadays, using these latest technologies you can create Amazing Applications that
will rock in Browser, on your lovely IPHONE and on your favorite Gaming desktop. So The time has come, And Revolution is Coming Mr. Wayne.
Слайд 22What does that mean, It means Buckle your seat belt Dorothy,
cause Cansas is going Bye bye:
http://www.youtube.com/watch?v=0-JJuHpfN5g
Слайд 23Lets Start with installing the Node JS. Go to http://nodejs.org/ And download Executables
for your OS.
Слайд 24Next Step is to install GRUNT. http://gruntjs.com/ Grunt is a Javascript
task Runner, that makes a developer life easy and productive:
npm install –g grunt-cli
Слайд 25The time for bower has come: go to http://bower.io/ Bower is a
package manager for the web, so get it ☺
npm install –g bower
Слайд 26Yeoman: http://yeoman.io/ , this is by far one of the best
Dev Skeletons for developing Javascript – Applications. In CLI npm install –g yo, npm install –g generator-webapp
Слайд 27AngularJS install with yeoman by typing in cli npm install –g
generator angular: http://angularjs.org/
Слайд 291. Very Opinionated 2. Average (not easy) Learning Curve 3. MVC design pattern 4.
Powerful Binding system
5. HTML serves as a view
6. Data models are Standard JS objects
7. Prototype based Dom Abstraction Layer
8. Write Less Code (for lazy people like me)
Слайд 30Ok, so What is the magic beyond this ? Have you ever
asked you a question how all these works ?
Слайд 32I guess no explanation in documentation, tutorials are not exact, cause
you will not need this in everyday life. But if you wanna really find how deep the rabbit hole is, you should learn your best friends are $compile, $parse, $apply, $watch and $digest.
This is really where the magic happens !!
