Informatikai Barkács Fórum

WORLD OF WARCRAFT SZERVER => Web => A témát indította: Zoltan Dátum 2013 december 24, 12:32:12 DÉLUTÁN

Cím: Eszkozok, amivel konyebb az elet
Írta: Zoltan Dátum 2013 december 24, 12:32:12 DÉLUTÁN
Ha  weblap szerkesztesbe akarod vagni a fejszed  ideje kicsit komolyabban belenezed ebbe a kaotikusnak latszo (es valojaban  az is ;) )  godorbe,  amit  web fejlesztesnek  hivnak.

Persze nehany ember ugy gondolja hogy egyszeru mint az 1 X 1  a webfejlesztes,  hisz  ket html tag koze  be tudnak  irni egy divet, es mar boldogoan   biggyesztik a nevuk moge  hogy en bizony  web developer vagyok.

Szoval ha akarsz a webbel foglalkozni, es kicsit programoznal is, legyen  az    javascript  vagy PHP (esetleg meresz vagy   MVC-t  hasznalnal), esetleg    egy mobile barat oldalt keszitenel, vagy belevagnal  egy  HTML5 appba ami phonegap alatt futna,  esetleg a CSS nem  abbol all neked  hogy  background-color: red -re allitod akkor itt nehany  erdekes   linkfelho:


Editorok:

notepad ++ jo valasztas,   de vannak jobb eszkozok is:
- http://www.mpsoftware.dk/phpdesigner.php (http://www.mpsoftware.dk/phpdesigner.php) phpDesigner :  egesz jo  szoftver bar fizetos, es rengeteg mindent tud, igazan  nagyo nszerettem mert rengeteg hasznos feature van benne
-http://www.sublimetext.com/ (http://www.sublimetext.com/) Sublime 2, orok kedvenc, tobb kurzor kezeles,  rengeteg hasznos pluginnal, erdemes  videot megnezni mit is tud (http://www.youtube.com/watch?v=EjDMqr8PC7c)
- http://brackets.io/ (http://brackets.io/) brackets,  talan a legjobb front- end editor, beepitett elo html nezettel, es talan egyszer   psd importerrel ( http://www.youtube.com/watch?v=ukpoPF61W5A#t=105 ) kiraly cucc lenne ha kiadnak, de meg mindig dolgoznak rajta.

Ikonok

ha nincs egy embered aki szeret ikonokat rajzolgatni hasznos,  mas forrasbol  osszeszedni az ikonokat:
-http://www.iconsdb.com/ (http://www.iconsdb.com/)
- http://iconmonstr.com/ (http://iconmonstr.com/)  talan a legjobb hely
- http://iconbench.com/ (http://iconbench.com/)
- https://www.iconfinder.com/free_icons (https://www.iconfinder.com/free_icons)

Szinek

Nehez neha a szineket osszeegyeztetni, hala  Istennek meg magamfajta vakoknak is van kiut
-http://www.colorschemedesigner.com/ (http://www.colorschemedesigner.com/) Rengeteg sokfajta szin kombinacio,
-http://web.colorotate.org/ (http://web.colorotate.org/)
-http://www.pictaculous.com/ (http://www.pictaculous.com/)  kepbol keszit szin palettat
-http://webcolourdata.com/ (http://webcolourdata.com/) Szeretned megtudni  nagy oldalak, cegek milyen szinsemat hasznalnak?
-http://flatuicolors.com/ (http://flatuicolors.com/)  flat design  szinei (erdemes win8  flat  szineket is megnezni http://www.creepyed.com/2012/09/windows-8-colors-hex-code/)
-https://kuler.adobe.com/create/color-wheel/ (https://kuler.adobe.com/create/color-wheel/) adobe kuler   oldala szinvakoknak, mint amilyen en is vagyok (esetleg   bongeszhetunk felhasznalok  altal bekuldott  szinek kozul is  https://kuler.adobe.com/explore/newest/)


front end  framework

csak mert szivas  nullarol  kezdeni a front endet.

- http://getbootstrap.com/ (http://getbootstrap.com/) Bootstrap..   egyszeru tiszta, szep felulet  twitter csapatatol..
talan hianyzik valami?  (http://bootstraphero.com/the-big-badass-list-of-twitter-bootstrap-resources/)  itt van 300+   addons hozza,  mert minek irnad meg ujra, ha mar valaki megirta egyszer.
-http://foundation.zurb.com/docs/ (http://foundation.zurb.com/docs/) Foundation, egy jo alternativa Zepto.js (hasonlo mint jquery csak kicsit kisebb) -val megspekelve
-http://purecss.io/ (http://purecss.io/) Pure  Yahoo  valasza a bootstrapre,  kisebb Css-el


Egyeb fincsi dolgok

-http://www.fess.me/ (http://www.fess.me/) Szeretnel konnyen atlathato CSS-t alkotni? masold be  a CSS kodot es szepen megformazva   dobja ki neked :)
-http://www.cssmatic.com/ (http://www.cssmatic.com/)  CSS eszkozok  mindenkinek..   Neha nehez  belegondolni, hogy hogyan fog kinezni egy  5px border radiusos gomb, vagy milyen lesz  egy szinatmenetes  div..   ezen az oldalon konnyeden  kiserletezhetunk ezzel
- http://www.spritecow.com/ (http://www.spritecow.com/)  muuuu,    ha van egy spirte-od (rengeteg kis kepet  belepakolsz egy nagy kepbe,  ezzel  is gyorsitva a  lap betoltest)  korulmenyes meghatarozni  hogy egy  kepreszlet hol kezdodik es hol er veget...   spireTehen  ebben segit
 
Cím: Re:Eszkozok, amivel konyebb az elet
Írta: Shyro Dátum 2013 december 24, 01:03:11 DÉLUTÁN
Orulok a temanak. ;) Annyi kiegeszitessel elnek, hogy front-end teren a JavaScript es semmi, de szerver oldalon tobb lehetoseg kozul is valaszthat az ember, nem csak a PHP. MVC alatt az MV* keretrendszereket erted, az en velemenyem, hogy van mas ut is, de akinek bejon a template - model - controller es egyeb minta az batran ismerkedjen a 3 nagyagyuval: AngularJS, backbone.js, Ember.js (ezek kozul talan a backbone.js a legosszetettebb)
Sublime Text - ert nagy pirospont. Vannak akik a boszme IDE - ket kedvelik, azoknak egy WebStorm javaslattal had eljek.
En speciel a node.js - t jol tudtam hasznositani "debugging" - hoz, igy JS - hez barmikor.
Akik pedig tenylegesen a mainstream Web 2.0 - hoz akarnak tartozni, azoknak a Yeoman (http://yeoman.io/index.html) egy elengedhetetlen kellek.

A fentiekkel kapcsolatban meg annyit jegyeznek meg, hogy a sok - sok framework es api elott illik megismerkedni konkretan a JS - el. :)
Cím: Re:Eszkozok, amivel konyebb az elet
Írta: Zoltan Dátum 2013 december 24, 08:22:34 DÉLUTÁN
Ismerkedes a javascriptel:
Ajanlom  thenewboston csatornajat, egeszen a kezdetektol kalauzol el  kicsit  osszetettebb dolgokig
http://www.youtube.com/playlist?list=PL46F0A159EC02DF82
(erdemes meg korulnezni a csatornajan hisz teli van egesz jo tutorialokkal (http://www.youtube.com/user/thenewboston/videos?view=1&flow=grid)  andoridtol az   IOS, C++ -ig  )

ha php
akkor  phpacademy, ugy gondolom jobb ez a srac mint a php 24 ora alatt, sokkal erthetobben elo tudja adni a dolgokat.
http://www.youtube.com/user/phpacademy/videos

ha  ugy gondolod hogy mar mindent tudsz a CSS-rol akkor itt egy erdekes video pluszban
http://www.youtube.com/watch?v=3ikye7Qc7Ak