sobota 31. prosince 2016

Framework7 + VueJS 2, oficiální podpora

V oficiální dokumentaci k frameworku pro vývoj hybridních mobilních aplikací - Framework7 - se objevila informace o provázání mezi Fr7 a VueJS, konkrétně na této stránce.

Pro usnadnění práce vývojářům také zveřejnili tři výchozí šablony (viz odkazy dole na zmíněné stránce pod obrázkem).

Nyní je tedy možné používat Fr7 v HTML pomocí (nových) tagů, např. <f7-view>, <f7-page>, ... podobně jako v Ionicu, ale s tím rozdílem, že Fr7 používá VueJS 2.x.






pátek 30. prosince 2016

Framework7 playground

Při práci s Ionicem jsem si zvykl na jeho výbornou službu playground, ve které si můžu rychle ověřit nápad.

Poslední dobou se věnuji jinému frameworku - Framework7. Hledal jsem pro něj podobnou službu, jako je výše zmíněné hřiště Ionicu, ale nic jsem nenašel. Napadlo mě, zda by tedy nešlo hřiště Ionicu ohnout, aby se dalo použít s Framework7. Dalo :-)



neděle 25. prosince 2016

Framework7 + VueJS 2

Hybridní aplikace

Ve volném čase se zabývám vývojem mobilních aplikací pro Android, některé z nich jsem zveřejnil na Google Play

Všechny dosud publikované mobilní aplikace jsem programoval v Ionicu (verze 1.x). Během té doby jsem ze zájmu sledoval i další frameworky vhodné pro vývoj hybridních mobilních aplikací.

Framework7

Jedním z přímých konkurentů Ionicu je (dle mého mínění) Framework7, o kterém jsem se tu krátce zmínil. Na rozdíl od Ionicu je to (téměř jen) UI framework, tedy vhodný k použití pro vizuální část aplikace (HTML + CSS), i když s ním jde zařídit i routování (zjednodušeně: přechody mezi stránkami).

Zdánlivou nevýhodou může být fakt, že Framework7 nepoužívá žádný JS framework typu MVC, MVVM (jak je tomu u zmíněného Ionicu: ten používá AngularJS). 

VueJS 2.x

Javascriptový framework VueJS (2.x) je mnohými považován za jednodušší a elegantnější než AngularJS. Také o něm jsem se tu před nějakou dobou letmo zmínil

Framework7 + VueJS 2.x

Podíval jsem se na to, zda by šlo používat oba frameworky společně a naprogramovat hybridní aplikaci. Šlo :-)

Mám takové tušení, že tuto kombinaci možná používám odlišným způsobem než někteří další vývojáři, nicméně i můj lehce naivní způsob je funkční.

Oba frameworky mají dobře řešenou dokumentaci a pokud vím co hledám, naleznu a většinou i pochopím. 

Zrovna pracuji na aplikaci s názvem Kuřim Info, která bude zdrojem některých informací pro občany města (otevírací doba institucí a obchodů, autobusové a vlakové spoje, aktuální počasí a další). Zatím je to ve fázi vývoje, nicméně tady je pár náhledů...






neděle 20. listopadu 2016

Framework7 - framework pro mobilní aplikace

Svoje aplikace vyvíjím v Ionicu, jsem s ním spokojen. Používám jedničkovou verzi (v současnosti Ionic 1.3.2). Moje aplikace se ale spouští s prodlením a také zobrazení obsahu a přechod mezi stránkami se mi zdá pomalejší.

Sleduji dění na vývojářské scéně a kromě Ionicu občas nakouknu jinam. Jedním z frameworků o kterých si držím přehled je Framework7.

Před pár dny vyšel Framework7 verze 1.5.0. Zatím jsem si v něm zkusil jen jednoduchoučkou aplikaci, jen tak na zkoušku (tři stránky, dva grafy v SVG, jen pro ověření funkčnosti). Co se mi na něm líbí je rychlost spuštění aplikace a také rychlost přechodu mezi stránkami aplikace.

Zatím se rozkoukávám a snažím se pochopit způsob jak ve Frameworku7 vyvíjet (z Ionic jsem zvyklý na úplně jiné pojetí; zejména co se týká routování - zobrazení stránek). Pokud jde o logiku aplikace, začlenil jsem do ní Vue.js. Zatím je to jen jednoduchý způsob, prosté vložení Vue.js skriptu do stránky, ale funguje mi to.

A hlavně, spojením Frameworku 7 a Vue.js jsem dosáhl oproti Ionicu (stále mluvím o jedničkové verzi 1.x) zrychlení spouštění a odezvy aplikace. 


sobota 1. října 2016

Vue.js, verze 2.0

Vyšla verze 2.0 javascriptového frameworku Vue.js. 

Vue.js se dá přirovnat k Angularu; obvykle se dodává, že Vue.js je jednodušší k naučení. Z dokumentace je ta podobnost vidět. Ne vše ale řeší Vue.js stejně/podobně jako Angular.

Usilovně se pracuje i na frameworku pro mobilní aplikace, tj. kromě jiného s užitečným UI, prozatím to vypadá na Weex.

K dispozici je i fórum pro novou verzi 2.0.




pátek 2. září 2016

Vytvořím rozvrh hodin jako mobilní aplikaci pro Android 4.1+

Nabízím vytvoření rozvrhu formou mobilní aplikace pro Android verze 4.1 a novější. Potřebuji přesné podklady k rozvrhu. Pokud je nějaká hodina dělená, v rozvrhu se zobrazí jen jedna z těchto hodin, proto budu potřebovat přesné instrukce.

V aplikaci bude zobrazen už hotový rozvrh. Může vypadat nějak takhle:


V případě zájmu mne kontaktujte: ing.pavel.kriz[zavinac]gmail.com

Dále nabízím vytvoření mobilní aplikace z vašeho obsahu (důležitého dokumentu), viz následující video:




pondělí 8. srpna 2016

SimpleShop - online prodejní systém

Cvrnknul mi do nosu projekt SimpleShop.cz.

Startuje za pár dní, teď nabízí při registraci využití na 90 zdarma. Bližší informace na webu SimpleShop.cz

Trochu informací z pozadí projektu se dočtete na blogu jednoho zakladatele.

sobota 6. srpna 2016

Mobilní aplikace z vašeho dokumentu

Pokud máte na PC důležitý dokument a potřebujete ho mít i v mobilu, udělám vám z něj mobilní aplikaci.

Převedu váš dokument, ať už je to článek z webu, zápisky ze školy, rozvrh hodin, část jízdního řádu, text písně, rodinné fotky... nebo cokoli jiného do mobilní aplikace.

Aplikace nebude vystavena veřejně na Google Play, bude vaše soukromá. Fungovat bude na Androidu verze 4.1 a novějším.

Informace v podobě videa na Youtube s mým kontaktem.

sobota 23. července 2016

Aplikace SŠEE Sokolnice, verze 1.2.0

Právě jsem updatoval aplikaci SŠEE Sokolnice.

Aplikace prošla zeštíhlením a úpravou vzhledu; v nové verzi je míň funkcí a obsahu. Podstatně jsem vylepšil chování aplikace, zejména co se týká změn stavů a jejich zobrazení. Záložky už se chovají podle očekávání.

Pár obrázků přímo z Google Play:














neděle 12. června 2016

Mobilní aplikace Lehký úvod do jazyka C

Publikoval jsem další mobilní aplikaci pro android s názvem Lehký úvod do jazyka C.

Je určena začínajícím programátorům v Céčku. Teorie je prokládána zdrojovým kódem. Dále obsahuje neřešené i řešené příklady.

Obsah:

Zdrojový kód programu
Funkce printf(), text
Praktické příklady (1 - 2)
Datové typy
Datové typy int, float
Proměnné a konstanty
Funkce printf(), proměnná
Výraz, přiřazení
Aritmetické operátory +, -, *, /
Funkce scanf()
Praktické příklady (3 - 5)
Podmínka if(), relační operátory
Praktické příklady (6 - 10)
Nápověda
Komentáře ve zdrojovém kódu
Datový typ char
Praktické příklady (11 - 13)
Aritmetické operátory ++, --
Cyklus for
Praktické příklady (14 - 18)
Řešené příklady (19 - 20)
Podprogramy, funkce
Formální a skutečné parametry
Globální a lokální proměnné
Řešené příklady (21 - 22)
Nápověda
Logické operátory ||, &&
Řešené příklady (23 - 24)
Praktické příklady (25 - 28)
Datový typ char [ ], řetězec
Práce s řetězcem
Řešené příklady (29 - 30)
Praktické příklady (31 - 36)
Datový typy int [ ], float [ ], pole
Řešené příklady (37 - 38)
Praktické příklady (39 - 42)

Aplikace je dostupný zdarma a bez reklam na Google Play.


pondělí 9. května 2016

Mobilní aplikace Electronic - interaktivní učebnice elektroniky

Publikoval jsem interaktivní učebnici elektroniky.

Je vhodná i pro začátečníky, kterým názorně ukáže a vysvětlí chování zdrojů a součástek v jednoduchých stejnosměrných a střídavých obvodech.
Učebnice je plně interaktivní; tj. změna hodnoty se okamžitě projeví ve schématu nebo v grafu.

Google Play: Electronic









neděle 17. dubna 2016

Videokurz: Jazyk C pro začátečníky

Publikoval jsem online videokurz v češtině s názvem Jazyk C pro začátečníky.

Online kurz je vhodný i pro naprosté začátečníky bez předchozí zkušenosti s programováním. Ke koncipován prakticky, s důrazem na srozumitelnost a názornost.

Kurz je rozdělen do 24 videí o celkové délce 2 hod 47 minut.

Obsah kurzu:
01. Vývojové prostředí (01:49)
02. Zdrojový kód (03:43)
03. Příkaz printf(), textový řetězec (04:07)
04. Datové typy, proměnné a konstanty (06:14)
05. Výraz, přiřazení (08:02)
06. Aritmetické operátory (08:45)
07. Příkaz scanf(), načtení z klávesnice (05:21)
08. Příkaz if (), podmínka, relační operátory (04:27)
09. Praktický příklad: načtení a porovnání dvou čísel (11:48)
10. Cyklus for (07:56)
11. Praktický příklad: součet čísel, cyklus for (12:16)
12. Funkce: deklarace, volání, návratová hodnota (11:18)
13. Praktický příklad: funkce, součet a rozdíl čísel (08:45)
14. Praktický příklad: funkce, porovnání čísel (06:25)
15. Úprava zdrojového kódu (04:29)
16. Globální a lokální proměnné (09:47)
17. Datový typ pole (05:38)
18. Praktický příklad: načtení pole čísel z klávesnice (09:20)
19. Datový typ znak (02:58)
20. Praktický příklad: porovnání znaků (05:28)
21. Datový typ řetězec (06:26)
22. Práce s datovým typem řetězec (05:52)
23. Logické operátory (06:47)
24. Praktický příklad: souhláska v řetězci (09:29)

Jazyk C pro začátečníky



sobota 5. března 2016

Videokurz Mobilní aplikace: Intel XDK + Ionic, rozvrh hodin

Na téma programování mobilních aplikací jsem publikoval nový online kurz Mobilní aplikace: Intel XDK + Ionic, rozvrh hodin. Společně si naprogramujeme jednoduchou mobilní aplikaci: rozvrh hodin.

Požadované znalosti: základní znalost Angularu na úrovni začátečníka (controller, ng-app, ng-controlller, ng-repeat, ...), orientace v prostředí Intel XDK a základní povědomí o Ionicu.

Kurz obsahuje 11 videí a trvá 76 minut. V každém videu názorně a srozumitelně vysvětluji všechny kroky, zdrojový kód je doplněn množstvím komentářů.

Na konci kurzu budete odměněni mobilní aplikací, která na základě uložených dat zobrazí přehledný rozvrh hodin.

Mobilní aplikace: Intel XDK + Ionic, rozvrh hodin

Chybí-li vám základy, můžete využít moje další online kurzy:

Mobilní aplikace: Intel XDK + Ionic, technický úvod (zdarma)

AngularJS 1.x pro začátečníky (sleva 33%)


neděle 28. února 2016

Jak se programují mobilní aplikace

Publikoval jsem další videokurz s názvem Mobilní aplikace: Intel XDK + Ionic, technický úvod

Videokurz je česky a přináší úvodní informace "jak na to" o programování hybridních mobilních aplikací.
Vývojovým prostředím je Intel XDK a framework Ionic. Projdeme vše od úplných začátků (co instalovat), přes vytvoření projektu a jeho zprovoznění až po získání finální aplikace (.apk pro Android).

Osnova kurzu:
1. Založení projektu
2. Práce se soubory
3. Emulace aplikace na telefonu
4. Přeložení aplikace
5. Přidání Ionicu
6. Použití Ionicu
7. Úprava hlavičky, obsahu a patičky
8. Vektorová grafika SVG
9. Vektorová grafika SVG dynamicky

Ať je vám k užitku :-)


sobota 27. února 2016

Připravuji videokurz: Intel XDK + Ionic, technický úvod (zdarma)

Rozhodl jsem se po videokurzu AngularJS 1.x pro začátečníky (sleva 33%) natočit úvodní technický videokurz pro zájemce o programování mobilních aplikací.

Kurz se týká úvodu do hybridních mobilních aplikací, jako framework jsem zvolil Ionic, který sám používám při programování svých aplikací. Vývojové prostředí vhodné pro naprosté začátečníky je Intel XDK - umožní totiž i přeložení aplikace ze zdrojového kódu na cílovou platformu (Android, iOS, Windows Phone).

Protože je tento kurz opravdu jen technický úvod "jak na to", bude dostupný zdarma.


neděle 21. února 2016

Videokurz: Elektronika srozumitelně

Právě jsem publikoval další videokurz: Elektronika srozumitelně.

Je určen začátečníkům, kteří by se rádi zorientovali v základech elektroniky. Vysvětluje základní pojmy, chování součástek v obvodech stejnosměrných a střídavých.

Kurz obsahuje 26 videí o celkové době trvání 121 minut. K výkladu používám interaktivní učebnici elektroniky.

Obsah kurzu:
Základní pojmy: Elektrický obvod
Základní pojmy: Voltampérová charakteristika
Základní pojmy: Napětí, proud, odpor, vodivost
Základní pojmy: Vztah mezi R a G
Základní pojmy: Ohmův zákon
Stejnosměrný obvod: Stejnosměrný obvod
Stejnosměrný obvod: Zdroj napětí
Stejnosměrný obvod: Rezistor
Stejnosměrný obvod: Rezistory, sériové zapojení
Stejnosměrný obvod: Rezistory, paralelní zapojení
Stejnosměrný obvod: Dělič napětí, nezatížený
Stejnosměrný obvod: Dělič napětí, zatížený
Stejnosměrný obvod: Náhradní schéma
Stejnosměrný obvod: Výkon
Střídavý obvod: Střídavý obvod
Střídavý obvod: Zdroj střídavého napětí
Střídavý obvod: Střídavé napětí, parametry
Střídavý obvod: Impedance Z, reaktance X
Střídavý obvod: Fázový posun
Střídavý obvod: Výkon
Střídavý obvod: Rezistor
Střídavý obvod: Cívka
Střídavý obvod: Kondenzátor
Střídavý obvod: Dioda
Střídavý obvod: Usměrňovač jednopulzní (jednocestný)
Střídavý obvod: Usměrňovač dvoupulzní (dvoucestný)

Kurz Elektronika srozumitelně je nyní se slevou 33%


neděle 14. února 2016

Příprava videokurzu: Elekronika srozumitelně; interaktivní učebnice

Navazuji na včerejší příspěvek o přípravě videokurzu Elektronika srozumitelně.

Připravovaný videokurz je určen začátečníkům a vysvětluje základní pojmy a chování součástek v elektronických obvodech.

Při přípravě kurzu používám interaktivní učebnici elektroniky, ze které jsem nasnímal několik obrázků:










Učebnice je interaktivní - to umožňuje snadno měnit hodnoty veličin (napětí, proud, odpor, frekvence, ...) a sledovat, jak se tato změna projeví v obvodu.












sobota 13. února 2016

Připravuju videokurz: Elektronika srozumitelně

Půjde o pochopení základních pojmů z elektroniky. Kurz bude určen začátečníkům.

Videa jsou natočena z pracovní plochy, na které je spuštěna interaktivní učebnice elektroniky; dané téma vysvětluji s použitím této učebnice, kde popisuji chování součástek a obvodů a nastavuji hodnoty veličin, které se pak promítají přímo do obvodu a nebo do grafů.

Prozatím mám k dnešnímu dni natočeno 12 videí:

Elektrický obvod
Voltampérová charakteristika
Napětí, proud, odpor, vodivost
Vztah mezi odporem R a vodivostí G
Ohmův zákon 
Stejnosměrný obvod
Zdroj napětí
Rezistor
Rezistory, sériové zapojení
Rezistory, paralelní zapojení
Dělič napětí nezatížený¨
Dělič napětí zatížený



pátek 22. ledna 2016

200 nástrojů a zdrojů pro frontend vývojáře, zdarma

Je tu další převzatá informace. Narazil jsem na zajímavý seznam více než 200 bezplatných zdrojů a nástrojů pro frontend vývojáře.

Seznam je hezky roztříděn do sekcí podle účelu. Jistě si tam najdete to své :-)


pondělí 4. ledna 2016

240 zdrojů o Ionicu (anglicky)

Pouze přebírám informaci z blogu vývojáře Andrew McGivery. Zveřejnil článek, ve kterém je odkaz na 240 zdrojů, které se nějakým způsobem vztahují k Ionicu.

240+ Ionic Framework Resources


sobota 2. ledna 2016

pátek 1. ledna 2016

Mobilní aplikace, frontend a backend

Při vývoji mobilních aplikací se setkáme s pojmy frontend a backend.

Zjednodušeně řečeno, frontend je část aplikace běžící v zařízení (telefon, tablet, ...) a backend je serverové řešení, kam jsou ukládána data z mobilní aplikace.

Je vhodné zmínit, že ne každá mobilní aplikace používá backend; jsou-li data uložena výhradně v zařízení na kterém je nainstalována daná aplikace, není žádný backend potřeba.

Frontend

Jako frontend se dnes typicky používá některý z frameworků určených pro mobilní aplikace, mezi které patří zejména:

A další frameworky, viz můj dřívější článek Frameworky pro mobilní aplikace


Backend

Backend může sloužit jen jako prosté úložiště dat z mobilní aplikace nebo může obsahovat i vlastní logiku, tj. je to program běžící na pozadí (na serveru).

Mezi používané backendy patří v dnešní době např.:
A samozřejmě i mnohé další.

Meteor

Poslední zmíněný backend, Meteor, mi přijde velice zajímavý. On to vlastně ani čistý backend není, dají se v něm psát aplikace jak pro backend, tak i pro frontend.

Jsou pro něj vytvářeny stále nové balíčky, které významným způsobem rozšiřují jeho použití. Dočkal se tak integrace s Angularem a dokonce i s Ionicem (skvělá zpráva).

Rozhodně doporučuji se na něj podívat :-)