svipben

http://i.imgur.com/U4biZrN.png

http://i.imgur.com/U4biZrN.png

http://i.imgur.com/U4biZrN.png

http://i.imgur.com/U4biZrN.png

http://i.imgur.com/U4biZrN.png

http://i.imgur.com/U4biZrN.png

http://i.imgur.com/U4biZrN.png

Sveiki,
 
kaip pradėjau programuoti su React ir Node.js ieškojau, kaip pasidaryti Hot Reload, kad pakeitus kodą automatiškai viskas atsinaujintu naršyklėje ir serveryje, nereikėtu F5 arba vėl per nauja įjungti/išjungti aplikacijos. Taip pat nežinojau, kaip turėtu atrodyti aplikacija, kuri naudoja React, kokia struktūra, jeigu back-end naudočiau Node.js ir pnš. Nežinojau, kuris IDE yra geriau Sublime, Atom, WebStorm ar VS Code. Nesupratau, kam reikalingi tie ESLint arba stylelint, kaip juos teisingai sukonfiguruoti. Flow? Kas čia per velnias, kuom jis geriau už TypeScript ir kas po galais tas TypeScript?
 
Taip nusprendžiau sukurti react-boilerplate projektą, kuris palengvintu programuotojų gyvenimą.
 
Į klausimus galiu atsakyti šioje temoje apie ESLint, stylelint, Flow arba TypeScript, projekte nebus šios info, bet jame rasite visko ko reikia norint pradėti IŠ KARTO programuoti su React ir Node.js.

Sveiki,
 
ir vėl aš čia su savo žaidimais! Šį kartą pristatau nedidelį gamejam projektas per 3 mėnesius virtusį gana neblogai išdirbtu arkadiniu žaidimu. Pirmas, kuriame nėra paršo personažo... kol kas. Išvaizda apgaulingai vaikiška, bet pereit visus 30 lygių (bus daugiau) reikės nevaikiškų nervų, reakcijos ir taiklumo. Yra ir keli nesibaigiantys kliūčių ruožai, bet su tais dar man reikėtų padirbėt. Ir built-in lygių kūrimo sistema, kuri leidžia sukurtus kambarius siųst į internetą ir parsisiųst turint unikalų kodą.
 
Android: https://play.google....snoutup.toaster
iOS; https://itunes.apple...pe/id1187726203
 
http://i.imgur.com/4r77E9Vl.png
 
 
Išbandykit... arba kam jaunesniam pasiūlykit! :) Jei turit
 
Gameplay video tingintiems siųstis:
 

Sveikas,
 
TypeScript (.ts), yra konvertuojamas į (.js), taip nereikia naudoti Babel, nes jau gali nustatyti savo target pvz.: es3. Taip gali rašyti kodą palaikintį pačius naujausius standartus ir jie visi bus kompiliuojami į seną target (es3), pvz.: class Vartotojas bus sukompiliuotas į funkciją, nes klasės atsirado tik nuo es2015 ir pnš. +
TypeScript (.ts) turi būti kompiliuojamas į (.js), kiekvieną kartą turėsi kompiliuoti (.ts) į (.js) ir dar pridėti source maps, kad žinotum, kur yra klaidos tavo (.ts). -
TypeScript turi interface (implements ...), tipus (vardas: string), intellisense (geresnis autocomplete), patikrinimą dėl errorų, enums ir pnš. +
Turėsi mokintis ne tik JS, bet ir TS. -
Labai praverčia didelėms projektams, taip yra išvengiama daug klaidų ir yra daug aiškiau, kam ir kaip reikalingas N metodas/klasė ir pnš, nes jie turi tipus, taip pat pasiūlo geresnį autocomplete. +
Angular 2 naudoja TypeScript. +
TypeScript tikslas, kad JavaScript būtų suprantamas ir tiems, kurie atėjo iš Java / C# ir pnš, taip lengvai galima suprasti kodą ir back-enderiams. +
 

class Test { public static tekstas: string = 'Uzdarbis.lt'; static statinisMetodas(skaicius: number) { console.log(`Jūsų skaičius yra: ${skaicius}`); } } Test.statinisMetodas('Labas vakaras'); // Klaida, nes 'statinisMetodas' turi parametrą 'skaicius', kurio tipas nėra 'string', o yra 'number' Test.tekstas. // Iškarto gausi autocomplete, nes TS žino, kad 'tekstas' yra 'string'
 

 
TypeScript:

abstract class Data { kokiaDiena() { const date: Date = new Date(); const currentDay: number = date.getDay(); let day: string; switch (currentDay) { case 1: day = 'Pirmadienis'; break; case 2: day = 'Antradienis'; break; case 3: day = 'Trečiadienis'; break; case 4: day = 'Ketvirtadienis'; break; case 5: day = 'Penktadienis'; break; case 6: day = 'Šeštadienis'; break; case 7: day = 'Sekmadienis'; break; default: throw new Error('Nepavyko nustatyti datos!'); } console.log(`Šiandien yra: ${day.toLowerCase()}`); } } interface IVartotojas { getVardas(); getPavarde(); getMobilusis(); getElPastas(); } class Vartotojas extends Data implements IVartotojas { private vardas: string; private pavarde: string; private mobilusis: number; private elPastas: string; constructor(vardas: string, pavarde: string, mobilusis: number, elPastas: string) { super(); this.vardas = vardas; this.pavarde = pavarde; this.mobilusis = mobilusis; this.elPastas = elPastas; } getVardas(): string { return this.vardas; } getPavarde(): string { return this.pavarde; } getMobilusis(): number { return this.mobilusis; } getElPastas(): string { return this.elPastas; } getDiena(): void { super.kokiaDiena(); } }
 

 
JavaScript:

class Data { constructor() { if (new.target === Data) { throw new Error('Abstrakti klasė! Negalima inicializuoti.'); } } kokiaDiena() { const date = new Date(); const currentDay = date.getDay(); let day; switch (currentDay) { case 1: day = 'Pirmadienis'; break; case 2: day = 'Antradienis'; break; case 3: day = 'Trečiadienis'; break; case 4: day = 'Ketvirtadienis'; break; case 5: day = 'Penktadienis'; break; case 6: day = 'Šeštadienis'; break; case 7: day = 'Sekmadienis'; break; default: throw new Error('Nepavyko nustatyti datos!'); } console.log(`Šiandien yra: ${day.toLowerCase()}`); } } class IVartotojas extends Data { constructor() { super(); const mustHaveMethods = ['getVardas', 'getPavarde', 'getMobilusis', 'getElPastas']; const targetPrototype = new.target.prototype; const methods = mustHaveMethods; for (let fn of mustHaveMethods) { if (targetPrototype[fn] === undefined) { throw new Error(`${targetPrototype.constructor.name} - turi paveldėti likusius metodus (${methods.join(', ')})`); } let index = methods.indexOf(fn); methods.splice(index, 1); } } } class Vartotojas extends IVartotojas { constructor(vardas, pavarde, mobilusis, elPastas) { super(); this.vardas = vardas; this.pavarde = pavarde; this.mobilusis = mobilusis; this.elPastas = elPastas; } getVardas() { return this.vardas; } getPavarde() { return this.pavarde; } getMobilusis() { return this.mobilusis; } getElPastas() { return this.elPastas; } getDiena() { super.kokiaDiena(); } }

Webine tikrai teko matyt, dėja adreso nepasakysiu
 
Didžiausia bėda - nenoras kažkur laikyti duomenis
 
Kad vartotoja sąsaja antraeilis dalykas - nepasakyčiau, bet ar dėl to visi puls naudotis - nesu tikras. Netgi teko girdėti, kad bankines operacijas patogiau rankomis susivesti, nei importuoti iš xml failo ...

Mano manymu, apskaitos programos front-end yra antraeilis dalykas, apskaitos programai svarbiausia yra saugumas, lankstumas, savalaikis programos atnaujinimas pagal naujausius įstatymų pakeitimus.

Interfeisas nebūtinai grožis, taip teisingai manai tokia sistema turėtų būti minimali, nevarginti, intuityvi ... Bent kiek aš bandęs buhalterinių sistemų tai vartotojas apkraunamas pertekline informacija.

Tokioms sistemoms pagrindas yra saugumas, patikimumas. Ir dažniausiai už vidinio tinklo ribų net nelaikytų tokių duomenų. Net ir dėl interface galima diskutuoti. Tai įrankis ne kur gražu turi būti, o patogu ir nevargintų, kuo mažiau Mouse use tokiom sistemom, kur darbuotojai praleidžia daug laiko.

Tėvukai naudoja Rivilės buhaltetinę sistemą, tai aš kaip frontenderis galiu patvirtint, interfeisas liūdnas :)

Tikras vadybininkas, net informaciją savo programuotojams parduoda :D
 
 
 
Tai gerai, kad į šį paketą neįeina "Turinio valymo sistema" :D Žmonės griebkite, kol dar neįdiegtas specialus algoritmas valantis Jūsų turinį!

Tikras vadybininkas, net informaciją savo programuotojams parduoda :D
 
 
 
Tai gerai, kad į šį paketą neįeina "Turinio valymo sistema" :D Žmonės griebkite, kol dar neįdiegtas specialus algoritmas valantis Jūsų turinį!

Tikras vadybininkas, net informaciją savo programuotojams parduoda :D
 
 
 
Tai gerai, kad į šį paketą neįeina "Turinio valymo sistema" :D Žmonės griebkite, kol dar neįdiegtas specialus algoritmas valantis Jūsų turinį!

Tikras vadybininkas, net informaciją savo programuotojams parduoda :D
 
 
 
Tai gerai, kad į šį paketą neįeina "Turinio valymo sistema" :D Žmonės griebkite, kol dar neįdiegtas specialus algoritmas valantis Jūsų turinį!

Tikras vadybininkas, net informaciją savo programuotojams parduoda :D
 
 
 
Tai gerai, kad į šį paketą neįeina "Turinio valymo sistema" :D Žmonės griebkite, kol dar neįdiegtas specialus algoritmas valantis Jūsų turinį!

Tikras vadybininkas, net informaciją savo programuotojams parduoda :D
 
 
 
Tai gerai, kad į šį paketą neįeina "Turinio valymo sistema" :D Žmonės griebkite, kol dar neįdiegtas specialus algoritmas valantis Jūsų turinį!

Tikras vadybininkas, net informaciją savo programuotojams parduoda :D
 
 
 
Tai gerai, kad į šį paketą neįeina "Turinio valymo sistema" :D Žmonės griebkite, kol dar neįdiegtas specialus algoritmas valantis Jūsų turinį!

public - reiškia, kad matomas visiems
 
static - reiškia, kad gali būti prieinamas be inicijacijos (TavoKlase.TavoMetodas() vietoje new TavoKlase().TavoMetodas())
 
void - tiesiog blokas, kuriame surašai veiksmus, kuriuos nori atlikti ir jis negrąžins jokio kintamojo ir pnš. pvz.: jeigu būtų
 
int arba string turėtu būti parašyta return 10; arba return "Benas"; t.y. turėtu grąžinti kažkokią reikšmę, 'void' neturi grąžinti jokios reikšmės
 
main - tai metodo pavadinimas
 
(string args[]) - yra metodo parametrai, string - tekstas (parametro tipas), args - parametro pavadinimas, jis gali būti bet koks, [] - reiškia masyvas, kuris yra pasiekiamas aprašius jo indeksą pvz.: args[0] - turima omenyje, kad imsime pirmą string iš args, kurio indeksas 0.
 
public static void main(string args[]) - reiškia, kad čia yra programos paleidimo metodas, kaip programa startuos t.y. paleisi sukompiliuotą .jar failą pirmas dalykas, kas įvyks tai pasileis šitas metodas. args[] - yra argumentai, kuriuos gali nusiųsti paleisdamas .jar failą, kad ir iš tos pačios komandinės eilutės gali nurodyti, kokius argumentus nori nusiųsti į programą ir juos laisvai patikrinti pačioje programoje pvz.:
 
System.out.println("Sveikas atvykęs, " + args[0]); - parašys tekstą, kuriame bus nurodytas tavo pirmas argumentas.
 
Ir tada tiesiog galimą iššaukti, kad ir iš pačios komandinės eilutės - java -jar TavoFailas.jar Benas

public - reiškia, kad matomas visiems
 
static - reiškia, kad gali būti prieinamas be inicijacijos (TavoKlase.TavoMetodas() vietoje new TavoKlase().TavoMetodas())
 
void - tiesiog blokas, kuriame surašai veiksmus, kuriuos nori atlikti ir jis negrąžins jokio kintamojo ir pnš. pvz.: jeigu būtų
 
int arba string turėtu būti parašyta return 10; arba return "Benas"; t.y. turėtu grąžinti kažkokią reikšmę, 'void' neturi grąžinti jokios reikšmės
 
main - tai metodo pavadinimas
 
(string args[]) - yra metodo parametrai, string - tekstas (parametro tipas), args - parametro pavadinimas, jis gali būti bet koks, [] - reiškia masyvas, kuris yra pasiekiamas aprašius jo indeksą pvz.: args[0] - turima omenyje, kad imsime pirmą string iš args, kurio indeksas 0.
 
public static void main(string args[]) - reiškia, kad čia yra programos paleidimo metodas, kaip programa startuos t.y. paleisi sukompiliuotą .jar failą pirmas dalykas, kas įvyks tai pasileis šitas metodas. args[] - yra argumentai, kuriuos gali nusiųsti paleisdamas .jar failą, kad ir iš tos pačios komandinės eilutės gali nurodyti, kokius argumentus nori nusiųsti į programą ir juos laisvai patikrinti pačioje programoje pvz.:
 
System.out.println("Sveikas atvykęs, " + args[0]); - parašys tekstą, kuriame bus nurodytas tavo pirmas argumentas.
 
Ir tada tiesiog galimą iššaukti, kad ir iš pačios komandinės eilutės - java -jar TavoFailas.jar Benas

Sveikas,
 
aš studijuoju būtent šitą specialybę. Mokytis nėra sunku, bet 1 ir 2 kursas buvo prikrautas daug "šlamšto" t.y. nereikalingų, neįdomių, nenaudingų paskaitų. Mokausi Šiauliuose, Šiaurės Lietuvos Kolegijoje, įstoti nėra sunku, pati kolegija labai moderni, yra keletas šaunių dėstytoju, vienas iš jų Liudvikas Kaklauskas. Galiu pasakyti tik tiek, manau visur tas pats, turi stengtis ir domėtis, judėti į prieki pats, nes jeigu tik eisi į paskaitas - nieko gero nebus.
 
P.S. Šiuo metu aš dar ten mokausi, esu trečiam kurse.
 
EDIT:
Pritariu, kaip ir minėjau ypač 1 ir 2 kursas.
 
Benas