Fórum Root.cz

Hlavní témata => Vývoj => Téma založeno: :onemj 17. 11. 2014, 11:25:51

Název: Web development - kde začít?
Přispěvatel: :onemj 17. 11. 2014, 11:25:51
Zdravim,

sledujem root fora snad 4 roky a dufam ze som podobny post neprehliadol, a ak nahodou predsalen, pls posunte mi link nech vas tu nezatazujem.

NEchcem vas tlacit zbytocnym backgroundom ale budem vecny:
- chcel by som vediet robit kvalitne weby (design 80%, additional modularita tak 20%)
- posledne trendy reisenia paralaxove ma lakaju najviac

Otazky:
- mne osobne sa paci smer CMS wordpress + template + customizacia az do spokojnosti, je to ok approach?
- moje znalostli vo web developmente su nulove, som javista, ale chcel by som to zmenit
- ak je WS ok appraoch, ako najlepsie zacat vidiet do webdevelopmentu?
- stiahnut WS, nahodit a modulovat?
- alebo ak je WS naprd approach, am mzacat s blank page a robit nadstavby az raz zistim ze potrebujem CMS?

Problem:
ja som javista a vzdy ked som nieco potreboval tak som si kukol kniznicu, best practise, co a ako uz je a supho uz to ficalo. Pri webdevelopmente som akysi strateny: HTML5, CSS, JS, AJAX a a a a.... kde zacat? ako zacat? s cim zacat? rovno CMS? alebo vynachadzat koleso znova?

Som tam nie doma, technologii je strasne vela a som z toho nestastny ze sa v nich nevyznam az tak aby som co i len vedel ktorym smerom ist...

A ano co chcem:
Lakaju ma designove, paralaxove, responzivne custom weby, krasne JS nascriptovane, nie typicke ale skor nieco super custom/design. 80 design : 20 additional funkcnost. Je je pre mna primarne riesit backend a ja neviem loadbalancing, chcem proste pekny web :)

priklad: http://www.mdotapp.com/

To je pre mna cista bomba. Kukam na to, a hovorim si - vyzera to uzasne, nemoze to byt rocket science tak preco sa to nenaucit, len najhorsie je ze netusim ako a kde .... nemate nejake nadstavbove tutorialy (s najnovsim datumom a postupmi?)
Název: Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
Přispěvatel: :onemj 17. 11. 2014, 11:48:49
Jemne chyby:
- NIE je pre mna dolezite riesit loadbalancing a celkovo backend len a len vizual frontendu

A este jedna otazka:
- ja na javu som fical najskor Eclipse a potom neskor Netbeans, kazdopadne, v som sa kodia weby? Najbeznejsie? Aka je vasa prax? prave pre HTML5, CSS a JS kombinacie? Je na to nejaky slusny editor? Mozno uz len to by ma niekam posunulo
Název: Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
Přispěvatel: to_je_jedno 17. 11. 2014, 12:24:25
Temhle blivajznim ultracool modnim(do roka to snad prejde) neprehlednym srackam na jednu page se rika paralax? No dobre, nekdo ma rad holky, jinej zase...

Pokud to myslis vazne a chces vic nez jeden blogisek tak:
- Drupal 8, git, drush... vyvoj klidne ty NetBeany, samozrejme pod Linuxem
- drupal.org/project/bootstrap + sass
Název: Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
Přispěvatel: :onemj 17. 11. 2014, 12:47:29
ano je to dost mozne ze budu fuc ... :) a ze su neprehladne - nechcel som moc do dovodov preco do toho chcem ist :) len ma to proste "serie" ze to neviem ... drupal ayayayy oki diki
Název: Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
Přispěvatel: andy 17. 11. 2014, 13:34:15
Tak ked len to ta urobi stastnym, tak v jQuery su na to nejake pluginy. Ako editor skus brackets. Problem asi nebudes mat v tom to urobit, ale to vymysliet. Zamysli sa..
Název: Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
Přispěvatel: Mirek Prýmek 17. 11. 2014, 13:45:08
posledne trendy reisenia paralaxove ma lakaju najviac
[...]
- mne osobne sa paci smer CMS wordpress + template + customizacia az do spokojnosti, je to ok approach?
Vzhledem k tomu, ze dneska 90% novych webu jsou: parallax, velka fotka usmevavych lidi nebo "umelecky" detail neceho leziciho na osoupanem dubovem stole + pod tim 3 nic nerikajici hesla s ikonkou ("flexible, standard, funny" a podobny drysty), tak zacit s webdesignem muzes klidne tak, ze si stahnes jednu sablonu a tu budes valit porad dokola. Jenom pro ruzne zakazniky zmenis tu velkou fotku. Jednou bude na stole lezet arduino, jindy tuzka, jindy telefon. Pro extra nekonvencni zakazniky muzes i zmenit jedno z tech tri hesel - misto "funny" tam das treba "entertaining"...

Akorat nevim, proc by kdokoli do neceho tak neuveritlne nudnyho mel chtit jit... (ne ze by Java byla kdovijaka zabava, ale i tak...)
Název: Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
Přispěvatel: :onemj 17. 11. 2014, 13:55:45
@Mirek: Mirku :) ano da sa na to pozerat hentak, ale nie je to o tom... To ma moc nelaka. Ja to skor vidim na scriptovanie niecoho zauimaveho. Priklad: zrazu sa objavili tie pluginy na web, ze mas chatovacie okno priamo dole v pravo a vidis ci je operator online - no a prave nieco taketo .. taketo TOOLY sa mi strasne pacia .. a z toho co viem viem ze na to potrebujem vedied o vsetkom cim viac a niekde treba zacat :) aby som pochopil ako to asi funguje ... a zacat paralaxom a responzivitou a scriptami mi pride ako celkom fajn cesta ....

Ja som vzdy ako ITckar na JSpterov kukal trochu zvrchu, ze to je blbost ktoru vie kazdy, a nasiel som sa v pozicii ze ja ju neviem vobec a myslim ze mi uchadza cely ten potencial..

Ze developerov co robia presne velku fotku s troma logami - je proste vela ale develoeprov co nascriptuju "ZAZITOK" online je proste malo :) a mna neskutocne serie ze aj ked nieco by som vymyslel neviem ako ...
Název: Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
Přispěvatel: to_je_jedno 17. 11. 2014, 14:44:33
heh, mozna mas trochu spatnou myslenku. Lidi co ti to technicky zrealizuji je mraky. Problemem jsou "kreativci" kteri to vymysli tak aby to k bliti bylo jen trochu a ne uplne.
Název: Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
Přispěvatel: :onemj 17. 11. 2014, 14:51:01
ano, to som si hovoril tiez ... potom som si najal par ludi s dobrymi referenciami a zistujem ze tamto nejde, hento neni uplne doladena, tamto moc nesedi a tam treba zaplatu, a na hentom browseri to blbne a a a a .... a potom si hovorim, doboha to si radsej urobim sam :D
Název: Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
Přispěvatel: kunda 17. 11. 2014, 15:31:06
fontend framework:  bootstrap, foundation
zajimave editory: sublime text, IDE od jetbrains
js: jquery, jquery ui, jquery mobile, AngularJS

wordpress je ultra-prasarna - http://blog.insight.sensiolabs.com/img/screenshots/technical_debt_php.png
na obycejne weby je to ale jedno.

Název: Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
Přispěvatel: kunda 17. 11. 2014, 15:49:38
k tem frontend frameworkum jeste: uikit
Název: Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
Přispěvatel: to_je_jedno 17. 11. 2014, 17:01:44
to je grafík :-) něco jako SEO analyzátory "penalizující" za chybějící keywords.
Prý:
Citace
Source code should not contain TODO comments
lol  ;D
Název: Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
Přispěvatel: Martin 17. 11. 2014, 17:35:52
wordpress je ultra-prasarna - http://blog.insight.sensiolabs.com/img/screenshots/technical_debt_php.png
na obycejne weby je to ale jedno.

V čem je WP ultraprasarna? Můžeš být konkrétnější?
Název: Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
Přispěvatel: Mirek Prýmek 17. 11. 2014, 18:09:57
aketo TOOLY sa mi strasne pacia
Problém je v tom, že ty tooly se dneska používají už předpřipravené. Dřív se všechno programovalo ručně, dneska když potřebuješ na blog diskusi, tak tam prdneš třeba jánevím Disqus a nic neřešíš. Pár řádek kódu, který máš na stránkách výrobce pluginu tak blbuvzdorně vysvětlený, že bys snad musel mít čtvrt mozku, abys to nedokázal použít...

Takže jediná šance na zajímavou práci je dostat se do týmu, který nějaký takový tool vytváří - a to je globální hřiště, kde to chce fakt um, dobrýho teamleadera a dobrýho investora :) A pak na to stačí pár lidí, žádná hala plná code monkeys se nekoná...

ale develoeprov co nascriptuju "ZAZITOK" online je proste malo :) a mna neskutocne serie ze aj ked nieco by som vymyslel neviem ako ...
Přesně! Proto tady pořád propaguju, ať se lidi zaměří primárně na UX, to je imho jediná oblast webařiny, která má fakt budoucnost a potenciál pro zajímavou a slušně placenou práci.

heh, mozna mas trochu spatnou myslenku. Lidi co ti to technicky zrealizuji je mraky. Problemem jsou "kreativci" kteri to vymysli tak aby to k bliti bylo jen trochu a ne uplne.
Přesně! Úplně, nebo aspoň do značné míry se vykašlat na technický detaily a věnovat se průnikům s tím, co (to není fráze) přináší přidanou hodnotu.
Název: Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
Přispěvatel: petr 17. 11. 2014, 20:12:16
a smysl vlakna je? ...
Nepises, co jsi konkretne v Jave delal, nicmene pro bezneho programatora nebude na HTML + CSS asi nic tak nepochopitelneho, aby to nemohl hned zacit pouzivat. V cistym JS dneska uz snad ani nikdo nepise a JQuery a spol. jsou jenom dalsi knihovna, v podstate na stejnem principu, jako jsi se setkal s knihovnama v Jave. AJAX je pak zase jenom realizace volani webovych sluzeb - s tema jsi se v Jave asi taky setkal. JavaScript taky zadnej mozkovej drtic neni, tak nevim no...
Tu stranka, na kterou odkazujes mi osobne pripada odporna, pripomina mi to dobu animovanejch gifu, snad mozna v novem kabate, ale stejne kycovita. Navic na takovou microsite je CMSko blbost, kvuli jedny obrazovce asi nebude sprava obsahu potreba (pokud teda CMS nemyslis neco jinyho).
Navic pises, ze ti jde z 80% o dizajn - v tom pripade budes spis nez programovani potrebovat talent, cit, vkus a graficke citeni. Trochu blby je, ze tyhle veci nejdou dost dobre naucit, jsou vicemene vrozene. Pokud ti je panbuh nenadelil, tak i pres veskerou snahu se pravdepodobne nedostanes na lepsi, nez prumer. Pokud zjistis, ze tyhle vlastnosti mas, tak se nemusis trapit s programovanim, pac kvalitni dizajn ti vynese mnohem vic a na kodovani si najmes nejakou lopatu za 80Kc/h.
IMHO ty uzasny tooly, ktery jsou zminovany, jsou jenom obalovatka na webservices - v podstate GUI, kde se nic zasadne slozityho neresi. Co je vetsi kumst jsou asi spis prehravace placenyho videa, nebo si treba sam napsat JQuery - ale o tom tema asi neni...
Hledat tutorialy na webu jsi zkousel? Jestli asni potom nevis, jak se podobne veci resi, nech to konovi...
Název: Re:Web development - kde začít?
Přispěvatel: haha 18. 11. 2014, 10:08:56
Citace
posledne trendy reisenia paralaxove ma lakaju najviac

Osobně nejsem zrovna fanoušek parallaxu, ale můžeš zkusit třeba Superscrolloramu nebo Skrollr.

Citace
mne osobne sa paci smer CMS wordpress + template + customizacia az do spokojnosti, je to ok approach?

Tak proč ne, akorát si nejsem jistý, jestli je dobrý nápad jít bez jakýchkoliv zkušeností do úprav cizích šablon. Každopádně vybírej na místech, jako je ThemeForest a ber v potaz hodnocení autora.

Citace
v som sa kodia weby? Najbeznejsie? Aka je vasa prax? prave pre HTML5, CSS a JS kombinacie? Je na to nejaky slusny editor? Mozno uz len to by ma niekam posunulo

Pokud chceš něco all-in-one, pak sáhni po WebStorm. Je to trochu moloch, ale umí všechno. Pokud ti naopak vyhovuje spíš lehký, rychlý editor, který si můžeš libovolně rozšiřovat, tak určitě Sublime Text - pro web bych doporučil tyhle doplňky:

Zvýrazňovače:

Better CoffeeScript
Better TypeScript
CoffeeComplete Plus
JavaScriptNext
LESS
SCSS

Lintery:

SublimeLinter
SublimeLinter-coffee
SublimeLinter-contrib-scss-lint
SublimeLinter-contrib-tslint
SublimeLinter-contrib-jshint
SublimeLinter-contrib-json
SublimeLinter-contrib-php
SublimeLinter-contrib-pylint

Citace
JavaScript taky zadnej mozkovej drtic neni

Teď jsem si třeba psal implementaci vícenásobné dědičnosti s využitím C3 MRO a trošku mi to mozek drtilo :-) V JS se dá celkem obstojně vystačit i bez chápání jazyka skutečně do hloubky(což je bohužel smutná realita u většiny vývojářů) a pak to opravdu žádná věda není.
Název: Re:Web development - kde začít?
Přispěvatel: David Biňovec 18. 11. 2014, 11:25:45
Citace
V JS se dá celkem obstojně vystačit i bez chápání jazyka skutečně do hloubky(což je bohužel smutná realita u většiny vývojářů) a pak to opravdu žádná věda není.

Tesat do kamene. JavaScript není jen to, co rozhýbe webovou stránku, ale je to programovací jazyk z rodiny funkcionálních. To, že se z něj stala lingua franca dnešního internetu jej, bohužel, v očích veřejnosti devalvuje. A není se čemu divit - je to stejný rozdíl, jako když latinou hovoří plebs a básník.

Ovšem když se programovat v JavaScriptu opravdu umí, pak je to jiná. Ono i jQuery, snad nejrozšířenější knihovna, se dá používat efektivně - pokud jeden opravdu rozumí tomu, o co v JavaScriptu jde a jak je to "kouzelné" jQuery napsané.

Osobně si na jQuery cenním především té práce, kterou John Resig (a spol) odvedl na cros-browser podpoře. To je mimochodem další z disciplín při vývoji moderního webu - sledování standardů (a to i budoucích) a jejich konkrétní implementace v prohlížečích.

Pokud bych měl doporučit nějaké pulikace o JavaScriptu, tak potom bych začal JavaScript: The Good Parts ( http://shop.oreilly.com/product/9780596517748.do (http://shop.oreilly.com/product/9780596517748.do) ) a pokračoval Secrets of the JavaScript Ninja ( http://www.manning.com/resig/ ) - v pořadí, v jakém to uvádím. První kniha seznamuje s principy, druhá je obsáhlejší a vysvětluje práci na tvorbě knihovny jQuery.
Název: Re:Web development - kde začít?
Přispěvatel: Mirek Prýmek 18. 11. 2014, 11:58:28
je to programovací jazyk z rodiny funkcionálních.
Javascript není funkcionální jazyk!

Spousta lidí si myslí, že funkcionální programování je o tom, že mám callbacky, můžu je ukládat do proměnných a k tomu mám něco, o čem jsem slyšel, že to je "funkcionální" (map, zip, lambdu apod.). Opravdu funkcionální jazyky mají daleko víc.

Kdyby byl javascript opravdu funkcionální, tak se tam každá asynchronní blbost nemusí řešit naprosto nepřehledně deseti vnořenými callbacky.
Název: Re:Web development - kde začít?
Přispěvatel: haha 18. 11. 2014, 12:43:14
Já bych tomu říkal multiparadigmatický jazyk. Lepší podpora asynchronního kódu přijde s ES6/7.
Název: Re:Web development - kde začít?
Přispěvatel: David Biňovec 18. 11. 2014, 12:44:24
Citace
Javascript není funkcionální jazyk!

Ano, ano. Pravda. Pakliže to budeme brát stricto-sensu (definic funckionálního jazyka lze nalézt nepřeberné množství a pohybujeme se na teoretické půdě), potom toto tvrzení není pravdivé.

Myslím si ovšem, že lze říci, že JavaScript využívá některé funkcionální principy a paradigmata (jak již bylo zmíněno, first-class functions, lambda functions ... ). "Funkcionální", ve spojení s JavaScriptem, jsem měl tedy použít spíše ve vymezení oproti imperativním či objektově orientovaným jazykům.
Název: Re:Web development - kde začít?
Přispěvatel: Mirek Prýmek 18. 11. 2014, 13:14:37
Ano, ano. Pravda. Pakliže to budeme brát stricto-sensu (definic funckionálního jazyka lze nalézt nepřeberné množství a pohybujeme se na teoretické půdě), potom toto tvrzení není pravdivé.
Nejde o definici. Jde o to, ze kdyz javascript prohlasis za FJ, tak potom bude prakticky kazdy moderni jazyk funkcionalni a pojem FJ ztrati smysl. Matou se tim pojmy a mene zkuseni programatori si pak mysli, ze funkcionalni programovani je neco jineho, nez ve skutecnosti je a ze kdyz pochopi, co je to lambda nebo callback, tak "umi programovat funkcionalne". Coz je typicky prave pripad Node.js.

Myslím si ovšem, že lze říci, že JavaScript využívá některé funkcionální principy a paradigmata (jak již bylo zmíněno, first-class functions, lambda functions ... ). "Funkcionální", ve spojení s JavaScriptem, jsem měl tedy použít spíše ve vymezení oproti imperativním či objektově orientovaným jazykům.
No prave. Chtel jsi snad rict, ze javascript je FJ cimz se lisi od imperativnich jazyku? JS teda neni imperativni jazyk?!

Samozrejme v JS muzes programovat funkcionalnim stylem stejne jako muzes v assembleru programovat objektove. To ale nedela z assembleru objektovy jazyk. Imho spravnejsi pohled na paradigmata je takovy, ze paradigma je definovane tim, co v jazyce udelat nejde, ne tim, co udelat jde. "Udelat nejde" znamena, ze mas o necem nejakou jistotu, nejake omezeni. Funkcionalni programovani je silne prave v tom, ze ti dava jistoty, ktere v imperativnim nemas. V uplne ciste forme mas napr. jistotu, ze funkce nema vedlejsi efekty, coz jiste uznas pro JS nemuze nikdy platit. Prave proto, ze ti dava JS vic moznosti, ti dava min jistot.
Název: Re:Web development - kde začít?
Přispěvatel: Kolemjdoucí 18. 11. 2014, 13:37:34
Myslím si ovšem, že lze říci, že JavaScript využívá některé funkcionální principy a paradigmata (jak již bylo zmíněno, first-class functions, lambda functions ... ).

Javascript nevyužívá žádné funkcionální principy. Lambda funkce není funkcionální programování.

Já bych tomu říkal multiparadigmatický jazyk. Lepší podpora asynchronního kódu přijde s ES6/7.

JS (zatím) nemá žádnou podporu asynchronního kódu. Callback nestačí na asynchronní kód. Node.JS to řeší prostředky jež jsou mimo jazyk JS.