Angular coding: from project management to web and mobile deploy

•

2 likes•893 views

How to manage better your angular code using GruntJS tasks, a smart foldering and easy to use technologies to deploy your code to web and mobile.

Technology

Who I am?
Gabriele Mittica
@gabrielemittica
from CorleyCloud
CloudConf + AngularConf Ideator

Works with DOM
Data binding
DI, Routing, Services
Different ways to do the
same things
Great community

Angular is Complicated
Angular is Complex

Okay, the project is sorted, but...
1. How manage assets and graphics?
2. How code faster and better?
3. How deploy quickly?

ngStartup
a boilerplate for your apps
http://ngstartup.corleycloud.com/

$ grunt compile:web
minification
optimization
test


JS: from 1.4mb to 0.4mb
CSS: from 0.3mb to 0.2mb

:a javascript task runner
:a boilerplate for your apps
:to build your app on
build.phonegap.com
:to minify your angular templates
:to switch your codes in different
stages
:to watch your code changes
and reload page
:to upload your app to AWS S3
:to add/remove annotations
during compiling
GruntJS
ngStartup
grunt-phonegap
grunt-html2js
grunt-devcode
grunt-contrib-watch
grunt-aws
grunt-ng-annotate

Thanks for listening
Gabriele Mittica - @gabrielemittica

What's hot

What’s new in angular 12[highlights of angular 12 features]Katy Slemon

Angular Ivy- An OverviewJalpesh Vadgama

Angular 4 frontsbadal dubla

Introduction To Angular 4 - J2INader Debbabi

An Overview of Angular 4 Cynoteck Technology Solutions Private Limited

Angular 4 Tutorial | What's New In Angular 4 | Angular Training | EdurekaEdureka!

Angular 2 - Core ConceptsFabio Biondi

What is Angular version 4?Troy Miles

Angular 4 Introduction TutorialScott Lee

Rest api code completion for javascript - dotjs 2015johannes_fiala

Introduction for Master Class "Amazing Reactive Forms"Fabio Biondi

Angular 2Nigam Goyal

Talk for DevFest 2021 - GDG BéninEzéchiel Amen AGBLA

IVY: an overviewRobertoMontes31

Meetup SkillValue - Angular 6 : Bien démarrer son applicationThibault Even

What's New in Angular 4 | Angular 4 Features | Angular 4 Changes | Angular Tu...Edureka!

Introduction to React Nativedvcrn

Angular 4 and TypeScriptAhmed El-Kady

Quick introduction to Angular 4 for AngularJS 1.5 developersPaweł Żurowski

Introduction to React NativePolidea

What's hot (20)

What’s new in angular 12[highlights of angular 12 features]

Angular Ivy- An Overview

Angular 4 fronts

Introduction To Angular 4 - J2I

An Overview of Angular 4

Angular 4 Tutorial | What's New In Angular 4 | Angular Training | Edureka

Angular 2 - Core Concepts

What is Angular version 4?

Angular 4 Introduction Tutorial

Rest api code completion for javascript - dotjs 2015

Introduction for Master Class "Amazing Reactive Forms"

Angular 2

Talk for DevFest 2021 - GDG Bénin

IVY: an overview

Meetup SkillValue - Angular 6 : Bien démarrer son application

What's New in Angular 4 | Angular 4 Features | Angular 4 Changes | Angular Tu...

Introduction to React Native

Angular 4 and TypeScript

Quick introduction to Angular 4 for AngularJS 1.5 developers

Introduction to React Native

Viewers also liked

Php & cloud computingCorley S.r.l.

The art of reverse engineering flash exploitsPriyanka Aash

A New Security Paradigm for IoT (Internet of Threats)Priyanka Aash

Breaking hardware enforced security with hypervisorsPriyanka Aash

A single language for backend and frontend from AngularJS to cloud with Clau...Corley S.r.l.

Integrating Cybersecurity into Supply Chain Risk ManagementPriyanka Aash

Ferdinand Marcos at the LNMB: In a Millennial's PerspectiveSam Wais

Building a World-Class Proactive Integrated Security and Network Ops CenterPriyanka Aash

The Portsmouth Lean Journey - Medical Emergeny Value StreamLean Enterprise Academy

semantic field in fairy talesTamo Papalashvili

How to Troubleshoot OpenStack Without Losing SleepSadique Puthen

Minimum Viable Product and PivotBlaz Kos

Testing MicroservicesNathan Jones

Viewers also liked (13)

Php & cloud computing

The art of reverse engineering flash exploits

A New Security Paradigm for IoT (Internet of Threats)

Breaking hardware enforced security with hypervisors

A single language for backend and frontend from AngularJS to cloud with Clau...

Integrating Cybersecurity into Supply Chain Risk Management

Ferdinand Marcos at the LNMB: In a Millennial's Perspective

Building a World-Class Proactive Integrated Security and Network Ops Center

The Portsmouth Lean Journey - Medical Emergeny Value Stream

semantic field in fairy tales

How to Troubleshoot OpenStack Without Losing Sleep

Minimum Viable Product and Pivot

Testing Microservices

Similar to Angular coding: from project management to web and mobile deploy

Finjs - Angular 2 better faster strongerChristoffer Noring

Angular JS 2_0 BCS CTO_in_Res V3Bruce Pentreath

MVP with GWT and GWTPChristian Goudreau

Station Four: Web Redesign Presentationcolberding

Modern WebappsDimitris Tsironis

Charla taller Ionic + AngularJS Sysmana 2015Rafael Terán Torralbo

THE FUTURE OF ANGULAR JSIT Outsourcing China

Angular JsKnoldus Inc.

Angular from Zero to Mastery - Training (Intermediate)Smail LOUNES

Angularjs on line trainingJahan Murugassan

Ember Conf 2016: Building Mobile Apps with EmberAlex Blom

5 cool new features in Angular js 1.2Neev Technologies

Satisfying Business and Engineering Requirements: Client-server JavaScript, S...Jason Strimpel

Microservices in GolangMo'ath Qasim

Node.js meetup at Palo Alto Networks Tel AvivRon Perlmuter

Angularjs practical project experiences with javascript development in a bankDavid Amend

Cross Platform Mobile Apps with the Ionic FrameworkTroy Miles

Js foo - Sept 8 uploadDebnath Sinha

Building a full-stack app with Golang and Google Cloud Platform in one weekDr. Felix Raab

AngularJS in Production (CTO Forum)Alex Ross

Similar to Angular coding: from project management to web and mobile deploy (20)

Finjs - Angular 2 better faster stronger

Angular JS 2_0 BCS CTO_in_Res V3

MVP with GWT and GWTP

Station Four: Web Redesign Presentation

Modern Webapps

Charla taller Ionic + AngularJS Sysmana 2015

THE FUTURE OF ANGULAR JS

Angular Js

Angular from Zero to Mastery - Training (Intermediate)

Angularjs on line training

Ember Conf 2016: Building Mobile Apps with Ember

5 cool new features in Angular js 1.2

Satisfying Business and Engineering Requirements: Client-server JavaScript, S...

Microservices in Golang

Node.js meetup at Palo Alto Networks Tel Aviv

Angularjs practical project experiences with javascript development in a bank

Cross Platform Mobile Apps with the Ionic Framework

Js foo - Sept 8 upload

Building a full-stack app with Golang and Google Cloud Platform in one week

AngularJS in Production (CTO Forum)

Recently uploaded

Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services

Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software

2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays

Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez

Ransomware_Q4_2023. The report. [EN].pdfOverkill Security

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Victor Rentea

Architecting Cloud Native ApplicationsWSO2

Apidays New York 2024 - The value of a flexible API Management solution for O...apidays

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Angeliki Cooney

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood

FWD Group - Insurer Innovation Award 2024The Digital Insurer

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra

AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer

presentation ICT roal in 21st century educationjfdjdjcjdnsjd

Manulife - Insurer Transformation Award 2024The Digital Insurer

ICT role in 21st century education and its challengesrafiqahmad00786416

Recently uploaded (20)

Strategies for Landing an Oracle DBA Job as a Fresher

Exploring the Future Potential of AI-Enabled Smartphone Processors

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Ransomware_Q4_2023. The report. [EN].pdf

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Architecting Cloud Native Applications

Apidays New York 2024 - The value of a flexible API Management solution for O...

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

FWD Group - Insurer Innovation Award 2024

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

AXA XL - Insurer Innovation Award Americas 2024

presentation ICT roal in 21st century education

Manulife - Insurer Transformation Award 2024

ICT role in 21st century education and its challenges

Angular coding: from project management to web and mobile deploy

1.  AngularJS from Code to Mobile

2. Who I am? Gabriele Mittica @gabrielemittica from CorleyCloud CloudConf + AngularConf Ideator

3. Why we use Angular?

4. Works with DOM Data binding DI, Routing, Services Different ways to do the same things Great community

5. I want to be a pirate

7. Confusing!

8. (become a pirate is not easy)

9. Angular is Complicated

10. Angular is Complicated Angular is Complex

11.

12.

13. Reusable code!

14. Okay, the project is sorted, but... 1. How manage assets and graphics? 2. How code faster and better? 3. How deploy quickly?

15.

16.

17.

18. ngStartup a boilerplate for your apps http://ngstartup.corleycloud.com/

19.

20.

21. grunt-devcode

22. grunt-jshint grunt-uglify grunt-watch

23. $ grunt compile:web minification optimization test 

24. JS: from 1.4mb to 0.4mb CSS: from 0.3mb to 0.2mb

25.

26.

27.

28. grunt-html2js

29.

30. :a javascript task runner :a boilerplate for your apps :to build your app on build.phonegap.com :to minify your angular templates :to switch your codes in different stages :to watch your code changes and reload page :to upload your app to AWS S3 :to add/remove annotations during compiling GruntJS ngStartup grunt-phonegap grunt-html2js grunt-devcode grunt-contrib-watch grunt-aws grunt-ng-annotate

31. Thanks for listening Gabriele Mittica - @gabrielemittica

Angular coding: from project management to web and mobile deploy

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (13)

Similar to Angular coding: from project management to web and mobile deploy

Similar to Angular coding: from project management to web and mobile deploy (20)

More from Corley S.r.l.

More from Corley S.r.l. (20)

Recently uploaded

Recently uploaded (20)

Angular coding: from project management to web and mobile deploy