22786
Html-, css- és php-help
  • tigeroo
    #22506
    FREE LEARNING - FREE PROGRAMMING EBOOKS


    Ma éppen (megint) a Node.js Design Patterns - Second Edition az ingyenes ebook.
  • tigeroo
    #22505

    amúgy a data structure & algorithms témával mennyire érdemes foglalkozni? kell-e egy webfejlesztőnek, vagy legalább kezdő szint jó ha van ebből is, gondolom én?

    szerintem adhat olyan gondolkodásmódot, amivel jobban megérthetem a problémákat, és könyebben tanulhatok a jövőben. ti mit gondoltok?

    Cat: ti interjúztattok is? Mi a véleményed a self-taught developerekről? Hogyan tudnak kitűnni?

  • tigeroo
    #22504
    css preprocessor-ról is mindig hallom hogy mennyire fontos. akkor js és less/sass-ra fogok még gyúrni.

    Bercy: műszaki karon szereztem a diplomámat, 5 éve vagyok az IT szakmában, de mint "menedzser". sok technológiába amúgy így tanultam bele szép lassan (google adwords, photoshop, html hírlevelek) - az online marketinget pl. nem nagyon tanították sehol, tényleg csak a külföldi szakmai anyagokból tudtam tanulni.

    ezért tetszik ez a folyamat is, megvan a kis roadmap amivel el lehet indulni.

    szóval most átveszek minden ilyen kis tananyagot, utána a js-re rágyúrok, és csinálok valós projekteket (eleinte biztos, hogy youtube codealong és hasonló lesz :))

    ismerősök között azt mondják hogy jó alapot adott az egyetem, de rengeteg olyan programozó is van az ismerettségemben, akinek nincs papírja, max valamilyen felnőttképzés, ami szintén kevés tudást adott.

    amúgy a data structure & algorithms témával mennyire érdemes foglalkozni? kell-e egy webfejlesztőnek, vagy legalább kezdő szint jó ha van ebből is, gondolom én?
  • SzirmosSzisza
    #22503
    Amikor én kerestem állást szinte mindenhol azt láttam, hogy X egyetemi végzettség vagy hasonló szintű munkatapasztalat (bár szerintem mindenhol azt preferálták, ha mindkettő megvan :D). Amúgy, ha raksz githubot CV-be érdemes kitakarítani, kódokat picit megszépíteni, nálunk sokszor volt, hogy körbenéztünk az illető githubján és 1-2 förmedvények miatt eleve rosszabbul indult az illető.
  • Bercy #22502
    En is azt tudom mondani amit Johnyka. Szakmaban dolgozva lehet igazi tapasztalatot szerezni. Persze nagyon fontos, hogy ne vakon jelentkezzen az ember. Erdemes csinalni sajat projekteket (akar fizetos akar hobbi) mielott munkat keres az ember, mert a tapasztalat es referencia a legfontosabb. A legjobb modja a tanulasnak ha gyakran valtogatsz munkahelyet a karriered elejen. Evente valtani kell es akkor sok szemlelettel, megoldassal es technologiaval megismerkedsz. Nekem van felso foku vegzettsegem (IT Engineer) de az a tudas amit egyetemen adnak igen karcsu. Szerintem nem sok ceg var el felsofoku vegzettseget.

    Nem tudom hany eves vagy es milyen anyagi szuksegleteid vannak, de HA megteheted akkor elso par evben ne a fizetes motivaljon hanem a tanulas. Valtogass munkahelyet es 3 ev utan mar stabil tapasztaltod lesz amivel komoly penzeket lehet keresni. Ha van nyelvtudasod akkor kulfoldon is lehet munkat vallalni. En pl egy angol ceggel allok szerzodesben es most csak nekik dolgozom (sajat cegen keresztul).
  • j0nNyKa
    #22501
    szvsz mindenki úgy van a szakmában, amit egyetemen tanultunk abból ~0-át lehet felhasználni az éles projekteken :)
    én nagyon egyszerű szemszöget adok, aztán majd más kiegészíti: csináld, csináld, és csináld - ennyi, készen fogsz állni bőven
    ha szereted, ha tényleg akarod csinálni, ha látod mivel jár, ha látod hogy sokszor szopás, és mégis akarod, akkor nem lesz bajod
    amiket leírtál, azok hasznosak, tudsz majd velük kb mit kezdeni, de úgyis éles projekten jön ki hogy pontosan mit kéne tudni
    kb amúgy hogy kicsit konkrétat is írjak: azt tapasztaltam hogy ha a vanilla js nem tud meglepni (es6, meg mindjárt az es7 is beleértve), akkor igazából a többi ilyen konkretizált cucc (nodejs pattern meg mongodb nyalánkságok meg bármilyen random mean stack) nem okoznak gondot
    meghát egy bármilyen frontendes állásinterjún azért a css (less, sass) legyen meg olyan szinten, hogy stackoverflow-val bármit megoldasz, kb ennyi, vanilla js a lényeg, az menjen át
  • tigeroo
    #22500
    most fogok befejezni egy web developer bootcampet amit fél éve kezdtem, szeretnék karriert váltani (IT szektorban dolgozom, online marketinges, de vidéken, debrecenben. gondolom ez nehezíti a dolgomat)

    MEAN stack főleg amit tanulunk, nyilván frameworkök jönnek-mennek, ezért szeretnék még rágyúrni a javascript tudásomra, hogy az alapok azért meglegyenek.

    emiatt elkedtem "feldolgozni" a you don't know js sorozatot, valamint van pár jó kis könyvem a témában (packt publishing minden nap közzétesz egy ingyenes ebookot a témában), pl. node.js design patterns, mongodb cookbook stb...

    ezeket is szeretném feldolgozni. szeretném majd leporolni a githubomat, és commitolni minél több projektet, csinálni egy portfólió oldalt, és pár saját projektet amit kirakhatok rá.

    van valaki itt hasonló cipőben? szerintetek mire érdemes még hangsúlyt fektetni? jövő ilyenkor készen akarok állni valamiféle interjúkra... ahogy olvasgattam a külföldi közösségeket, érdemes átvenni még a data structires & algorithmst is.

    van, aki szakirányú végzettség nélkül van a szakmában?
  • MerlinW
    #22499
    Mongo, Redis, LightSQL, DynamoDB
    Utoljára szerkesztette: MerlinW, 2017.10.15. 14:33:07
  • SzirmosSzisza
    #22498
    Time Series Database-t lehet ilyenre használni, de API szinten nem tudom hogy állnak, általában monitorozáshoz szoktam csak használni őket. InfluxDB-re ránézhetsz esetleg, az viszonylag elterjedt. (amúgy hozzátenném, hogy ha csak naponta 1-szer rögzítetek az árat nem lesz olyan hatalmas adatmennyiség, hogy az SQL ne bírja)
    Utoljára szerkesztette: SzirmosSzisza, 2017.10.15. 14:12:15
  • j0nNyKa
    #22497
    redisbe raknám
  • Jim Morrison
    #22496
    Egy árukereső oldalon, ahol vissza lehet nézni, hogy mikor mennyibe került az adott termék, SQL adatbázist használnátok? Kicsit utána olvastam, és leginkább 1 táblás megoldásokba ütköztem.
    Hasznos tipp talán az volt, hogy ha az ár megegyezik az előző napi árával, akkor ne frissítsük (szúrjunk be új sort), ami miatt valószínűleg nem kerülne annyi új rekord be mint ahány termék van (fele annyi se..)

    // pár ezer terméket árát keressük/frissítjük naponta több oldalon, web crawlerek segítségével. (valami ilyesmi szituációban)
  • j0nNyKa
    #22495
    justJavascriptThings
  • Jim Morrison
    #22494
    ennyi? goddamnit
    kösz
    320
  • j0nNyKa
    #22493
    label {
    display: inline-block;
    }
    hámhúsz a megoldás ára
    Utoljára szerkesztette: j0nNyKa, 2017.08.29. 12:51:10
  • Jim Morrison
    #22492
    Hogy a fenébe kell megcsinálni 'képes radio button' hogy fix 150px szélesek legyenek a képek, de a képek maguk ne nyújtódjanak meg? extra divet használjak labelen belül?
  • Jim Morrison
    #22491
    egy kicsit mókolni kellett vele, de így tűnik menni fog, köszi
  • MerlinW
    #22490

    const setDataStore = message => dataStore = message;
    const setOptionValues = message => {optionValues(message); extInit()};

    port.onMessage.addListener( ({name, message} = event) => {
    switch (name) {
    case 'allSettings': return setOptionValues(message);
    case 'updateDataStore': return setDataStore(message);
    }
    });

    Utoljára szerkesztette: MerlinW, 2017.08.24. 17:33:43
  • Jim Morrison
    #22489
    Elég jól haladok (ahhoz képest amire számítottam), de van pár dolog amint nem értek/nem tudok:
    1.,

    Amikor IDE raktam az exInit()-et, és még csak egy console.log() volt benne, másodpercenként több ezerszer csinált kiíratást console. miért? (event egyszer következett be)

    2.,
    Jelenleg a legtöbb funkciónak van ACTIVATED és egy disabled mezője, hogy mikor beállításokban be/kikapcsoljuk, akkor egyből érvénybe lépjenek a változtatások. A jelenlegi, szétdarabolós megoldásnál milyen modulstruktúrát lenne érdemes használnom? Nézegetem a reddites bővítményt, ami elég profi és lekövetni se tudom mi mit csinál sokszor. Valami favágóbb tippnek örülnék :/

    (Jelenleg a settings panel működőképes, a modul scripteknek még neki se álltam)
  • Jim Morrison
    #22488
    köszi
  • MerlinW
    #22487
    Tree shaking-et engedj rá a nagy js-edre, kipucolja amit nem használ az app.

    pl
    Utoljára szerkesztette: MerlinW, 2017.08.22. 22:36:46
  • Jim Morrison
    #22486
    csináltam egy jó kis app.js-t, beleraktam:

    var settings = require('./content/settings.js');
    var dom = require('./content/dom.js');
    var date = require('./content/date.js');
    var json = require('./content/json.js');
    var content = require('./content/content.js');

    kicsit alakítgattam és dist mappában már csak a background.js és app.js van - amiben pedig minden ami kell (content.js, settings.js...).

    HA consolet nézem továbbra is jön egy hibaüzi, content scriptnél látszik, hogy webpack:// továbbra is forrás mappából dolgozik (pedig nincs is gulp watch, csak a /dist/chrome van betöltve kiegészítőnek. (lenti képhez hasonlóan).
    Próbálgatom, de foggalmam sincs, hogy ez mitől lehet. Beépített webpack kód szórakozik az mondjuk tuti..


    már értem miért van webpack://, ez hozzá tartozik a dologhoz, lenyegében újra felszabdalja az app,js-t, és az a kiegészítő (megnéztem és pl reddit enhancement suite nál is ez van).
    Már csak arra kell rájönnöm, hogy lássa a settings.js var cp = { } -t a content.js

    alakul a molekula, importolni kell meg ilyenek, settings ikon már megjelent... de jó kis refactoring lesz ez
    Utoljára szerkesztette: Jim Morrison, 2017.08.22. 15:11:39
  • j0nNyKa
    #22485
    egy fájl legyen persze
  • Jim Morrison
    #22484
    Gondoltam megnézem pontosan mire is való a webpack, babel.js stb, már régóta tologatom magam előtt. Szerettem volna a hasznosat összekötni a kellemessel, és ezzel újrarendezni az SG Tuning bővítményt.
    Jelenleg minden egyes js fájl elejére biggyeszt egy kis webpackBootstrap kódrészletet, és a jquery-t is (pontosan így)
    Minden szép és jó, tök hasznos kis gulp scripttekkel van tele, tök jó - de (még) nem működik a dolog.
    Mikor betöltöm a bővítményt chromeba, olyan hibákat kapok, mint:

    -cleditor is not defined at cleditor.js:189
    cleditor.js - webpack bootstrap kód, jquery, majd,

    /* WEBPACK VAR INJECTION */(function($) {
    /*!
    CLEditor WYSIWYG HTML Editor v1.4.5
    requires jQuery v1.4.2 or later
    ---EREDETI cleditor.js fájl
    */
    (function ($) {
    // jQuery Plugin
    $.cleditor = {
    /* *********************** */
    /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))

    - továbbá content.js-ben: cp is not defined (ami a settings.js-ben található)

    Ezen a képen remekül látszódik, hogy minden fájl a helyére kerül, de a webpacknek hála nem úgy működik mint régen.

    Felül a mostani elhelyezkedés, alatta az elkészített, új felépítést használó plugin, alatta meg a hozzátartozó webpack://, amit nem értek. Jelenleg gulp --watch se volt, semmi, de az mégis ott van.

    Az a baj, hogy a webpack ahogy közrefogja a script fájlokat, más felépítést kellene adnom nekik? Vagy most ahogy ezt leírtam, ha a scripteket egy fájlba tömöríteném, és azt az egészet fogná közre az működhet?
  • Jim Morrison
    #22483
    Van egy form egy oldalon. Ha rákattintok minden oké, igazából egy post kérés az egész, csrf védelemmel.
    Ha jquery ajaxot használok, ugyanaz a data mező, csrf-et is ugyanúgy elküldöm, akkor az úgy már mégsem működik. Mi az amire nem figyeltem oda?

    szerk: https://formspree.io/ elég lesz
    Utoljára szerkesztette: Jim Morrison, 2017.05.20. 22:44:13
  • Malakai
    #22482
    Nem vagyok MySQL pro, de opcionális paraméterek nincsenek, csekkolhatod, hogy pl null került hozzáadásra, vagy üres string, valami, ami alapján tudod, hogy nem került szűrés megadásra.
    A problémásabbnak tűnik az esetleges változó mennyiségű szűrő, itt vagy minden lehetséges szűrést beraksz a paraméterek közé és amelyik nem null az alapján szűrsz, vagy egy paramétert használsz, amiben megírod a kondíciókat a szűrésre, mintha a query-t írnád.
  • 355
    #22481
    'napot!

    MySQL stored procedure kérdés jöhet?

    Mondjuk van egy products táblám, amiben van id, name, prc, color, size.

    Lehet olyan sp-t írni, amelyik ha nem kap semmilyen értéket, akkor listázza az összes terméket, de igény szerint tud szűrni egy vagy több mezőre?
  • Jim Morrison
    #22480
    Á, ennek a nevét nem tudtam, kösz :p lényegében igen, csak nem ehhez (meg pár apró különbséggel).

    Ez ugye source engine demot hasznal, kosz a tippet, megkenezem az hogy nez ki.
    Utoljára szerkesztette: Jim Morrison, 2017.04.03. 23:51:05
  • SzirmosSzisza
    #22479
    Ilyet akarsz?:p
  • Jim Morrison
    #22478
    Köszi, megnézem
  • j0nNyKa
    #22477
    redisben
  • Jim Morrison
    #22476
    Csak ilyesmit talaltam (játékból log):

    Szerk: forummotor megfogja.
    példa - oldal alján le lehet tölteni a logot
    Utoljára szerkesztette: Jim Morrison, 2017.04.03. 23:37:35
  • Jim Morrison
    #22475
    Mérkőzések statisztikáját milyen formában érdemes tárolni? Gondolom fájlban, de hogy szokás? Gondolok itt olyasmire, hogy mp enként mondjuk 32szer lementjük minden játékos helyzetét, mit csinált és azt hogyan.... mindezt úgy hogy gyorsan ki is tudjuk olvasni xy hányszőr lőtt z vel, stb.
    (Mint játékok logjai vagy rendes mérkőzések (foci, kosár,...), hogy utána kvázi vissza lehessen játszani pöttyökkel mi is történt mp ről mp re.
  • Jim Morrison
    #22474
    Igen, script meg egyéb tageket eltávolít, ez most ilyen megkötés... lehetne json-ban, de mivel nem ez az egyetlen hely, ahol ezt a mutatványt meg kell csinálnom (és van ahol tényleg csak html-re hagyatkozhatok), gondoltam ezzel kezdem, gyorsan le tudom ellenőrizni, hogy megy-e.

    ah és tényleg, fránya stringet várt ... köszi
  • Malakai
    #22473
    Mert ő string-et akar, nem DOM elementeket, így lefuttatja a HTMLElement.toString()-et.
    Nem néztem meg, pontosan mit is kérsz/kapsz itt, de azt vedd figyelembe, hogy safeResponse.cleanDomString() az el fog távolítani minden <script> és <img> tag-et és minden egyébnél pedig csak class, id, href* és style attribute-okat hagy megy.

    * - Ha href javascript-et tartalmaz, akkor elemet törli.

    Itt a problémájuk, hogy lényegében nem biztonságos, felhasználókat átverő kódot pakolhatsz az oldalra. Mert azt nem tudják ők ellenőrizni, hogy a lekért html kód pontosan mit tartalmaz.

    Ha a fentiekkel nincs probléma, a kapott html-t így is tudod használni, akkor hajrá, ha nem akkor, valami más megoldás kell, legjobb lenne persze az aktuál kedvenceket (gondolom itt azt kéred le) nem html-ben kapni, hanem mondjuk json-ban, hogy lássák mit építesz belőlle, ott is mégjobb lenne, ha pl nem href-eket kap a json-ben, hanem csak topic id-ket és te állítod össze az url-t.

    De itt feltételezek pár dolgot, hogy mi is történik. :)
    Utoljára szerkesztette: Malakai, 2017.03.01. 19:20:41
  • Jim Morrison
    #22472
    SG-s bővítményt amit próbálok hegeszteni, immár Opera is visszadobja.
    Szerencsére ők nem sablon válaszokat adnak miért dobták vissza:
    " It is not allowed to insert external response into innerHTML, append(), prepend(), after(), html(), etc. Please use:
    - parseInt/parseFloat for numbers
    - mystring.replace(/&lt;[^&gt;]*&gt;?/g, &#39;&#39;); for strings
    - https://github.com/operatester/safeResponse/blob/1.1/safeResponse.js for HTML blocks"

    (( ' = &#39; ))

    Kódrészlet:

    $.ajax({
    url: '...',
    mimeType: 'text/html;charset=utf-8',
    dataType: 'html',

    success: function (tmp) {

    var data = $('nav#favorites-list', tmp);
    console.log(data); // 1
    data = data[0];
    console.log(data); // 2
    data = safeResponse.cleanDomString(data);
    console.log(data); // 3
    $("nav#favorites-list").html(data);

    ...
    }
    });


    Második kiíratásra kapom meg azt a html részletet az oldalról amit szeretnék. SafeResponse használata után ezt kapom vissza: [object HTMLElement]
    safeResponse __cleanDomString-ben return előtt ha logolok akkor <body>[object HTMLElement]</body>-t kapok. Pontosan hogyan tudnám a tisztított html kódot beszúrni az oldalba?
    Utoljára szerkesztette: Jim Morrison, 2017.03.01. 18:55:06
  • Szeki26
    #22471
    1 hét alatt többször próbáltam router beállítások, apache, tűzfal minden nyavalya,már nem is foglalkoztam vele, mikor is a prestashop beállításai között a default url-nél localhost-ot átírtam és lőn csoda :)
    Ma is tanultam valamit !
    Utoljára szerkesztette: Szeki26, 2017.02.16. 19:03:02
  • MerlinW
    #22470
    httpd.conf-ban:

    ServerName <gépipcime>:80

    tehát ne localhost legyen.
  • j0nNyKa
    #22469
    localhoston eléred, és csak hálózati címen nem? apache elindult? 80as porton indult?
    Utoljára szerkesztette: j0nNyKa, 2017.02.13. 08:29:10
  • Szeki26
    #22468
    Igen, lehet hogy nem jól fogalmaztam meg.
    Azóta próbálkoztam a xamp-al is, de valahogy nem tudom beállítani.
    Egy weboldalt csinálok localhoston,amit szeretném windows hálózatban más is elérjen.
    A windows tűzfalat beállította a xamp, a routeren is a 80-as portot engedélyeztem. Az Apache configjában is beállítgattam az opciókat, de nem tudom elérni az oldalt.
  • j0nNyKa
    #22467
    én a kérdésed sem értem + nagyon kevés infót írtál le