Curso de Apache Cordova

[{"selector":"#anim-80f38390-a1dd-42c1-97b3-46dd5d7effb3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0c98543b-9684-4f28-9ce3-33da07e06ef6","keyframes":{"transform":["translate3d(0px, 134.38300%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] ● Origens do Apache Cordova ● Aplicações híbridas com Cordova ● Cordova vs. React Native ● Plugins essenciais do Cordova ● Cordova e o desenvolvimento multiplataforma ● Como o Cordova facilita a programação Aprenda mais!

Origens do Apache Cordova

[{"selector":"#anim-385bb990-3f9b-49c8-af6c-1c914132b8a5 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-aadecd2c-d59d-4193-83ad-dc410d6a6832","keyframes":{"transform":["translate3d(-115.82278%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4abc4858-18f9-4adc-b1b3-22f8dbf3e2b6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6a9050f6-2a7b-4f48-b324-47b1d8aa2b32","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

[{"selector":"#anim-9ba23baf-68ac-42db-8a7b-14712c7eb275 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-7a1cb14c-1887-4d03-a73d-2d034b1ca4cd","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-44e8a0fa-dbfa-41ef-9d76-574028c3acb2","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] O Apache Cordova, anteriormente conhecido como PhoneGap, foi criado pela Nitobi. Após a Adobe Systems adquirir a Nitobi em 2011, ela doou o projeto para a Apache Software Foundation, onde foi renomeado para Cordova. Aprenda mais!

Aplicações híbridas com Cordova

[{"selector":"#anim-b86754a6-e0d7-45eb-8da6-f7d637210906 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-819a2e85-7e8b-42c2-8ed9-534776770f2f","keyframes":{"transform":["translate3d(-115.82278%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9259e46e-98ec-4d79-a115-f05772a39320","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8a116e15-1f22-43a3-99c7-0558aab3b244","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

[{"selector":"#anim-2a22bfb9-1762-428f-9a9e-d2a0b4f0af11 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-f6fb48ee-f620-4863-b3bf-c1b16b4fd764","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-33ea8510-23bf-49f2-9c4c-ddcbe9ad0a0b","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] O Apache Cordova é uma plataforma de desenvolvimento de aplicativos móveis híbridos. Com ele, é possível criar apps utilizando HTML, CSS e JavaScript, que funcionam em diferentes sistemas operacionais. Aprenda mais!

Cordova vs. React Native

[{"selector":"#anim-74c7098a-99ee-4e66-b28d-66f9153e7b0d [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-e48a4563-070b-4047-be04-5ab35388eaa7","keyframes":{"transform":["translate3d(-115.82278%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-86c5d60a-26bc-4d01-954e-3951dc478837","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f0f13867-45a5-442c-bc3e-bd9a39d57959","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

[{"selector":"#anim-162d2e11-7f00-4118-bca6-eb7e34fb018e [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-767f6d15-71fe-412c-800a-994f8bcc2854","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-ca7b1a06-9c72-4b35-bbea-e1d537286495","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] O Apache Cordova e o React Native são ferramentas de desenvolvimento de apps. Cordova permite o uso de HTML, CSS e JS, já o React Native utiliza o React e JS. Cordova é ideal para apps simples, enquanto React Native é mais indicado para apps complexos. Aprenda mais!

Plugins essenciais do Cordova

[{"selector":"#anim-c70768ea-9de9-4e92-a88e-f659e603ed10 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-4b07f141-35d8-4ed9-b202-736b4090e26e","keyframes":{"transform":["translate3d(-115.82278%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-90064c74-4c41-4668-9789-f9f2099287f7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b3c4f4e5-487a-44b4-a8d4-dc941282d795","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

[{"selector":"#anim-f2bcca1c-3cda-4831-a976-8d5b1fd9cfde [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-c032fbc1-8888-43fa-8537-0e81930c57e6","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-35715a60-448a-4fc3-ac0b-a7c613be0c13","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] O Apache Cordova oferece plugins essenciais para melhorar a funcionalidade dos apps. Entre eles estão o Camera, para acesso à câmera do dispositivo, o Geolocation, para localização GPS, e o File, para manipulação de arquivos. Aprenda mais!

Cordova e o desenvolvimento multiplataforma

[{"selector":"#anim-93a2080e-5807-4ea1-9631-7be455fd673a [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-c80a25a6-7c16-4a04-9a29-0091fd93697f","keyframes":{"transform":["translate3d(-115.82278%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-85fd6d78-a431-4553-a632-1e0804938272","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c32a6fcb-9995-4401-bf41-b63f5562531f","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

[{"selector":"#anim-cda12c7f-9ad0-43c6-9e86-9a0a5987ff65 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-bcc09e17-e577-4a47-bddf-8099bf2c6f04","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-f2e40cdc-1426-4447-b416-a6dd07763fd5","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] O Apache Cordova é uma ferramenta essencial para o desenvolvimento multiplataforma. Com ele, é possível criar aplicativos usando HTML, CSS e JavaScript, que funcionam em diferentes sistemas operacionais, como Android, iOS e Windows. Aprenda mais!

Como o Cordova facilita a programação

[{"selector":"#anim-464557db-1a5d-41eb-9b13-a3f0e133c12f [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-e192d6e3-d60c-4f53-a03f-9383f93150ab","keyframes":{"transform":["translate3d(-115.82278%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4d9df711-13b1-48b6-a08b-9ddc07180364","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a9677320-fc5b-4d7d-a452-3b8be08e4662","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

[{"selector":"#anim-c9f6f420-ceab-4313-b1e1-d5d21d01e3c9 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-16274a25-8c7f-4dd1-9f5d-75973f8079a2","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-57cad511-e68c-484e-998a-8baafad8963e","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] O Apache Cordova facilita a programação ao permitir o desenvolvimento de aplicativos móveis usando HTML, CSS e JavaScript. Isso elimina a necessidade de aprender linguagens nativas específicas para cada plataforma. Aprenda mais!

Ler matéria completa

[{"selector":"#anim-c095acd1-e621-4592-b005-c6b9828030c3","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bc4852e9-2a4d-427a-85b4-dbd9648d1327","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c5bece46-07da-413a-8323-f7b23d19bb59","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]