Fusing Javascript Libraries into Magnolia 1. (Really, JUST ANGULARJS) WILLIAM PAOLI • WEB DEV TEAM LEAD • ATLASSIAN • @willyp Incorporating JS Libraries into Magnolia
2. Incorporating TO MAGNOLIA HOW TO CODE IN ANGULARJS WHY WE LIKE ANGULARJS WHAT WE DO NOW Table of Contents 3. Intelligent Marketing Team 4. Atlassian University 5. Atlassian University is a preparation apparatus that instructs your organization how to utilize Atlassian's items through recordings and well ordered intelligent instructional exercises. It's the speediest way to turning into an ace of Atlassian instruments. - ATLASSIAN'S WEBSITE " 6. Atlassian University 7. Atlassian University 8. Atlassian University 9. Atlassian University 10. What is a JS Framework? 11. A JavaScript system is a library of pre-composed JavaScript which takes into consideration less demanding advancement of JavaScript-based applications, particularly for AJAX and other web-driven advances. - WIKIPEDIA " 12. A JavaScript system is a library of pre-composed JavaScript which takes into consideration less demanding advancement of JavaScript-based applications, particularly for AJAX and other web-driven advances. - WIKIPEDIA " 13. The Atlassian arrange frame upgrade 14. We understood we required a JS Framework 15. - HIPSTER DEV " Have you attempted Angular JS? 16. Only content independent from anyone else, for effect. 17. Two way information official 18. Information official in Angular web applications is the programmed synchronization of information between the model and view segments. The view is a projection of the model at all times. At the point when the model changes, the view mirrors the change, and the other way around. - ANGULARJS DOCS - http://docs.angularjs.org/manage/databinding " 19. Two-Way Data Binding 20. favPeople=['Boris', 'Charge', 'Monica', 'Samuel']; Two-Way Data Binding 21. Two way information restricting favPeople=['Boris', 'Charge', 'Monica', 'Samuel']; <ul> <li>Boris</li> <li>Bill</li> <li>Monica</li> <li>Samuel</li> </ul> 22. Two way information restricting favPeople=['Boris', 'Charge', 'Monica']; <ul> <li>Boris</li> <li>Bill</li> <li>Monica</li> </ul> 23. Two way information restricting favPeople=['Boris', 'Charge', 'Monica', 'Samuel']; <ul> <li>Boris</li> <li>Bill</li> <li>Monica</li> <li>Samuel</li> </ul> 24. What/Who is AngularJS? 25. AngularJS is an open-source JavaScript structure, began in 2010, now kept up by Google. 26. AngularJS with Magnolia is entertaining 27. ...Magnolia ended up being an uncommonly adaptable CMS and in blend with its REST API making this verification of idea was surely greatly simple, quick and fun.. - FEDERICO GRILLI - SOFTWARE DEV @ MAGNOLIA, on his blog " http://igorstravinskij.blogspot.com/2014/01/magnolia-rest-and-angularjs-confirmation of.html 28. Presently FOR SOME LIVE CODING! code found here: https://bitbucket.org/willyp/angularjs-magnolia-fundamentals/ 29. The most effective method to get this into Magnolia 30. • Change your .html file to a .ftl • Create passage and discourse definitions for: • A question • An answer • Create an altering table • Build your json structure in view of that template* • Insert test section as an alternative to your format Steps to Magnoliafy™ 31. Make new freemarker format and characterize the passages 32. Characterize section with new layout 33. Characterize new exchanges for the inquiries/answers 34. Make your substance altering zone 35. Make your JSON information with freemarker 36. Make your JSON information with freemarker 37. Presently I add it to my format layout 38. Gives up back to the program and supplicate this works! 39. WILLIAM PAOLI • WEB DEV TEAM LEAD • ATLASSIAN Hi kindly please check here: https://documentation.magnolia-cms.com/display/DOCS/Resources <a href="http://www.traininginchrompet.com/ccna-training-in-chennai.aspx">CCNA Training in Chennai</a> | <a href="http://www.traininginchrompet.com/hardware-networking-training-in-chennai.aspx">Networking Training in Chennai</a> -- Context is everything: http://forum.magnolia-cms.com/forum/thread.html?threadId=73834049-0a81-4b2f-95ba-60d383d625a7 ---------------------------------------------------------------- For list details, see: http://www.magnolia-cms.com/community/mailing-lists.html Alternatively, use our forums: http://forum.magnolia-cms.com/ To unsubscribe, E-mail to: <dev-list-unsubscr...@magnolia-cms.com> ----------------------------------------------------------------