Web development - kde začít?

:onemj

Web development - kde začít?
« kdy: 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?)
« Poslední změna: 17. 11. 2014, 22:17:31 od Petr Krčmář »


:onemj

Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
« Odpověď #1 kdy: 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

Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
« Odpověď #2 kdy: 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
Děkuji za možnost editace příspěvku.

:onemj

Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
« Odpověď #3 kdy: 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

andy

Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
« Odpověď #4 kdy: 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..


Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
« Odpověď #5 kdy: 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...)

:onemj

Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
« Odpověď #6 kdy: 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 ...

Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
« Odpověď #7 kdy: 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.
Děkuji za možnost editace příspěvku.

:onemj

Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
« Odpověď #8 kdy: 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

kunda

Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
« Odpověď #9 kdy: 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.


kunda

Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
« Odpověď #10 kdy: 17. 11. 2014, 15:49:38 »
k tem frontend frameworkum jeste: uikit

Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
« Odpověď #11 kdy: 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
Děkuji za možnost editace příspěvku.

Martin

Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
« Odpověď #12 kdy: 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ší?

Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
« Odpověď #13 kdy: 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.

petr

Re:Webdevelopment - paralax, responzivny, JS a a a - kde zacat?
« Odpověď #14 kdy: 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...