Javascript

tudok most egy remote-ban végezhető NodeJS melót írországban, spoilerben a rövid leírás, ha érdekel valakit, támadjon meg priviben, és elküldöm a kontaktot
ha lenne napi 40 órám, én magam vinném a melót, szóval ajánlom
Getting in touch with an urgent Node.js role which has just been called in.
Based in an idyllic location in the heart of Dublin, my client assist companies and developers with building electronics and then connecting them to the Internet with only a few lines of code. They have taken the market by storm, with their product being used already in hundreds of countries by thousands of developers.

The team are currently searching for a talented Node.js Developer to join them. If you consider yourself focused, hardworking and the idea of working in a fast-paced environment immersed in a creative, entrepreneurial company, this could be the role for you.

Working closely with the CTO, you will gain exposure to the full tech stack, consisting of:

• Node.js
• JavaScript and React
• AWS including EC2, Redshift
• Git, Travis CI, Docker
• MySQL, Redis, RabbitMQ

The successful Node.js Developer will work in the team of hardware and software engineers and will be involved in the full life cycle of the products.

This role allows for great flexibility and provides excellent opportunity for you to make a strong impact from Day 1. If you are they type of person who is self-motivated and hungry to advance your skills in a growing company, you will fit in very well.

Interviews are already underway, and I do not see this role being open for long, so if you would like any additional information, get in touch immediately .

je tnksz

És ezt miért ide? <#beka3> Egyébként aktív biztos nincs.

java-s topik van amit használnak is az sg-n? csak bezártakat találtam :D

Jaja, Windows-on rémálom a docker-ezés, vagrantal ízipíszi :)
Utoljára szerkesztette: MerlinW, 2018.12.04. 16:20:30

dockerrel együtt szoktam használni for maximum pleasure

Igen, én is sokat használtam. Igaz most már egy jó ideje inkább a "container-ek" használata lett a népszerűbb, még dev környezetre is, Docker, Kubernetes...

Hogy ez a Vagrant mekkora találmány... hogy a fenébe kerülte el a figyelmemet eddig? Már 6 éve jelen van...

Hahaha :))

Segítünk, ha van kérdésed. Pénzért dolgozunk, nem segítünk. Az "akár nem ingyen!" mondatból kiindulva pedig valszeg nem tudnál megfizetni minket:)
Utoljára szerkesztette: MerlinW, 2018.09.25. 21:04:30

sajnos nincs

Sziasztok! van itt valaki aki vágja a java script-et és tudna segíteni? akár nem ingyen!

"Gyakorlati tanulság max annyi, ha egy argumment-ben / paraméterként többféle típust elfogadsz, akkor mindig ellenőrizd, hogy milyen típussal dolgozol. :)"

S eljövé a typescript :D

Van még sok ilyen wtf pillanat javascript-ben, főleg type konverziókhoz köthetőek. :)
Amit sokan szeretnek még pl ugyanebben a kategóriában:

(!+[]+[]+![]).length

Utoljára szerkesztette: Malakai, 2018.08.03. 16:05:08

igazából csak megint előkerült a híres WAT előadás, és még ahogy egykettőnél láttuk a fényt az alagút végen, addig itt nem :)

Parsert sejtettük a dologban, van ami firefox és chrome alatt mást dob ki (ha csak böngészőben próbáljuk, semmi fancy. v8 vs nemtommi)

Köszi a részletes leírást, szuper érthető!:)

Még egy tanulmányi feladat? :)
Ha igen, akkor egy tipik olyan, aminek tényleges gyakorlati haszna nincs.

Hint:

var obj = {}

console.log({} - []) // => -0

console.log(obj - []) // => NaN

console.log({} + []) // => 0

console.log(obj + []) // "

{} - [] miért -0?

bakker, (false && "it's foo!!!").... <#falbav>

kösz:)

Gondolom jquery...
Tehát legelső selector találat kell, de abból minden elem, ha jól sejtem...

Általános javascript logika egyébként:

const fooOrBarOrBaz = () =>

  (false && "it's foo!!!") ||

  (true && "it's bar!!!") ||

  (true && "it's baz!!!")

console.log(fooOrBarOrBaz()) // => "it's bar!!!"

Persze a konkrét esetedben ez használható, de valamilyen function-el lehet érdemes, különben 1) randa 2) duplán futtatsz query-ket.

Vagy kis native reduce okoskodással, ez dettó üres jquery collection-t ad vissza, vagy az első találatot (mint ahogy a példádból úgy tűnik neked kell):

let element_hide = selectors.reduce(

  (results, selector) => (results.length ? results : c_id.children(selector)),

  $()

)

És lehet van jquery-stílusú megoldás erre (egybe rakni a query-ket, utána a collection-ből kiválasztani, ami kell), de rég használtam... :)

Van valami szép megoldás arra, hogy megnézzük, hogyha egy elemnek létezik egy bizonyos típusú childrenje, akkor azt adja is vissza?

let element_hide = (function () {

	return c_id.children('#birthday-wrap') ||

	  c_id.children('.forums-list') ||

	  c_id.children('.ext-articles-block') ||

	  c_id.children('.ext-forum-topics-block') ||

	  c_id.children('nav')

  })()

Ez ugye nem jó. Jelenleg meg kell nézni, hogy children('asdasd').length > 0 és akkor adja vissza xy-t... Nincs erre valami kis okosság?

nagy divat most, egesz konnyu, de kell hozza jocskan referencia

jah, már közben belemerültem a react rejtelmeibe is.

mennyire esélyes amúgy külföldi home office munkát találni? van köztetek olyan aki így dolgozik?

tokmind1 mer felejthetsz el kb mindent ami alap javascript ugyhogy most

Mikor érdemes áttérni az ES2016, Typescript, Angular/React szintekre?

Mik számítanak "alap" Javascript tudásnak amik meglegyenek ezekhez ?

Akit esetleg érdekel:

Javascript nyelv alapelemei

Javascript-n kívül más programozási nyelvek is megtalálhatók az oldalon.
Oldal érdekessége hogy össze lehet hasonlítani az egyes programozási nyelveket,
előnyös lehet ha valami más programozási nyelvben már jártas vagy és meg szeretnéd tudni hogy ugyanaz a parancs hogy néz ki pl. Javascriptben.

"Any application that can be written in JavaScript , will be eventually be written in JavaScript"

előállítani most se állítasz elő img elemet, gondolom már a htmlben benne van neked a #logoImg
ha jsből akarsz képeket létrehozni, akkor itt van vanilla példa, vagy csak simán jQuery-vel valamihez hozzáfűzögetsz új elemeket (pl. $('<img />').appendTo('akarmilyendiv'))
nyilván mindezt a for cikluson belül, ahova én a console.log-ot írtam

Nna, kislányos zavaromban összekevertem . A preview itt történik meg:

$('#logoImg').attr('src', e.target.result);

...és itt nem tudom, hogy min kell végigmennem, hogy több img elemet állíthassak elő.
Utoljára szerkesztette: 355, 2017.11.27. 23:32:56

Nem, az a kérdés, hogy MIN kell végigmenni a for ciklussal, hogy az egyes img elemek különböző src-t kaphassanak. Egy elemre ott a

$('#logoImg').attr('src', e.target.result)

...de ha több file van feltöltésre kijelölve, akkor pl. a

$('#logoImg').attr('src', e.target.result<0>)

...meg <1>, <2> stb. nem működik (és az is megvan, hogy nem adhatok egyforma ID-t az img elemeknek). Azt nem tudom, hogy honnan kell vennem a következő src értékét.

De ha jól értem, pont erre adtál megoldást a (i in input.files) résszel.

ööö jól értem hogy az a kérdésed hogy hogyan néz ki egy for ciklus?

var i, file;

for (i in input.files) {

    file = input.files;

    // csinálsz amit akarsz a file objektumoddal, pl:

    console.log(file);

    reader.readAsDataURL(file);

}

'estét! Van egy HTML5 Files API-ra támaszkodó preview funkcióm, íme:

function readURL(input) {

	if (input.files && input.files<0>) {

		var reader = new FileReader();

		var noOfImgs = parseInt( input.files.length );

		if ( noOfImgs > 6 ){

			alert( 'You can only upload a maximum of 6 files' );

		}

		else {

			reader.onload = function (e) {

				$('#logoImg').attr('src', e.target.result);

			}

			reader.readAsDataURL(input.files<0>);

		}

	}

	else {

		alert ( 'Sorry, your browser does not support Files API.' );

	}

}

Erre alapozva egyszerre több képet is fel tudok tölteni, de csak egyet tudok a preview-ben bemutatni. Úgy gondoltam, hogy tudva a noOfImgs értékét (mondjuk 4), egy for ciklussal és jQuery appenddel befűzök pár új img elemet.

Hogy kell a result-on végigmenni, ha mindet be akarom mutatni?

angular 4 kurzus már betárazva :)

valamint találtam egy "Eloquent Javascript" nevű könyvet, ezt ismeri valaki? ffc közösségben ajánlották nekem. A weboldaláról pdf változatban ingyenesen letölthető:

+ webpack, babel, typescript, redux, docker. Grunt-al szerintem már nem kell foglalkozni, ahogy AngularJS-el sem (főleg nem, ha fontos tényező a SEO), csak Angular 2 és 4-el.
Aztán ott vannak a teszteléshez a jest, jasmin, karma, selenium, stb libek.
Utoljára szerkesztette: MerlinW, 2017.08.04. 22:43:50

js sokkal fontosabb mint a css, jquery alap, angulart, reactot nem árt vágni, ES6 mindenképp legyen meg, nodejs, npm, grunt, gulp, systemjs, meg ilyen egyéb js "kezelő" csomagok mindenképp, meg a teszteléssel sem árt képben lenned (jasmine pl)
ha css-sel foglalkozol, akkor sasst meg lesst ismerd, értsd
pár templating lófasz legyen meg, ilyen jade, és társai, ne csak a szimpla html kódot ismerd
ezekkel már juniorként el tudsz indulni

sziasztok!

jelenleg online marketinges vagyok (webmaster tools, google analytics, seo tools, social media felületek) amiket kezelek. olyan fél éve bele kellett tanulnom a hírlevél szerkesztésbe és a photoshopba (html szerkesztés, grafikák/bannerek készítése) amit nagyon élveztem.
ezért belevágtam a freecodecamp front-end kurzusába, valamint egy udemy-s web developer bootcamp kurzusba.
a kérdésem az lenne, hogy a html, css, javascript szentháromság mellett miben érdemes még "elmerülni" hogy minél hamarabb elhelyezkedhessek, mint junior front end fejlesztő?

sokan azt mondják hogy a css-re fektessem a legtöbb hangsúlyt, a többi majd jön akkor, ha lesznek napi projektjeim is frontend szinten.

most jelenleg a bootstrap-et tanulom, utána jön a javascript, jquery, angular, stb stb a kurzusban. van még egy magyar projekt, a codeberry programozóiskola, amelyet lehet hogy bepróbálok majd.

van ilyen frontendes topik ahol ezekről lehet beszélgetni az sg-n? mert ez a poszt nem feltétlenül a javascriptről szól :)

Tárgytalan.

NodeJS cluster kérdés. cpu.length-en iterálva cluster.fork működik szépen. Milyen optimalizációra lehet még szükség? Van valakinek tapasztalata a finomhangolásában? Érdemes kommunikálni a workerkekkel? Milyen esetben, hogyan? Nem google érdekel, személyes tapasztalatokra lennék kíváncsi.
Utoljára szerkesztette: MerlinW, 2017.02.07. 15:05:41

Bocs, késő van. Hibás volt a php tömb, amiből a json készült.

Köszönöm, így már OK.

Kérdeznék még egyet, hátha maradt még benned egy kis jQuery :). A dolgot tovább fűztem, a szerverről HTML helyett JSON érkezik:

<{"id":"60","lName":"Koller","mName":"","fName":"Eszter","dob":"1988-05-13","email":"[email protected]"
,"ppCode":"5702014973206","isHere":"y","ppVfrom":"2016-12-29","ppVto":"2017-12-29"}>,"ppCode":"5702014973206","isHere":"y","ppVfrom":"2016-12-29","ppVto":"2017-12-29"}>

Szeretnék ezzel feltölteni egy formot. Vadásztam erre egy scriptet:

function pop( frm, data ){   

	$.each( data, function( key, value ){  

		var ctrl = $( '', frm );  

		switch( ctrl.prop('type' )){ 

			case 'radio': case 'checkbox':   

				ctrl.each( function(){

					if ( $( this ).attr( 'value' ) == value) $( this ).attr( 'checked',value );

				});   

				break;  

			default:

				ctrl.val( value ); 

		}

	});  

}

A jQuery kiakad rajta: "TypeError: invalid 'in' operand a @ jquery.min.js (2. sor, 3990. oszlop)". Egy csomót gugliztam már, de nem tudom megoldani. A JSON php json_parse-ból jön és tök szabványos, és a form minden elemének van benne adat. Mi lehet ez?

Rég jQ-ztam, de alapvetően így kellene:

function getPPData ( id ){

    return $.post('list.php', { holder: id });

}



function putPPData ( data, target ){

    target.append( data );

}



$('#ppScanned').blur(function(){

    var ppID = $('#ppScanned').val();

    if ( ppID !== "" ){

        // $.ajaxSetup({async:false}); //szerintem erre semmi szükség

        var target = $( '#cLeft' );



        getPPData(ppID).done(function(ppData) {

          alert ( "2\r\n" + ppData );

          putPPData ( ppData, target );          

        });



    }

});

Lényeg hogy a promise blokkban kell mindent csinálni, amivel meg akarod várni az eredményt. Több XHR hívást is végezhetsz szimultán, azokat így tudod megvárni:

var xhr1 = $.ajax();

var xhr2 = $.ajax();



$.when(xhr1, xhr2).done(function(xhr1Response, xhr2Response){

})

Olvasgass a Deferred és Promise témakörökben. Jó cuccok:)
Utoljára szerkesztette: MerlinW, 2017.02.05. 14:26:16

'reggelt!

Van egy oldalam, rajta egy egyszerű jQuery post, ami az eredményét hozzáfűzi egy div tartalmához. Működik.

Most szétszedném három részre a dolgot: lenne egy fánksön, ami postol és visszaadja az eredményt, egy, ami ezt megkapja és hozzáfűzi valamihez, és egy (vagy több), ami ezeket használja. Megírtam a kódot így:

function getPPData ( id ){

	$.post('list.php', { holder: id }).done(function(data){

		alert ( "1\r\n" + data );

		return data;

	});

}



function putPPData ( data, target ){

	target.append( data );

}



$('#ppScanned').blur(function(){

	var ppID = $('#ppScanned').val();

	if ( ppID !== "" ){

		$.ajaxSetup({async:false});

		var target = $( '#cLeft' );

		var ppData = getPPData ( ppID );

		alert ( "2\r\n" + ppData );

		putPPData ( ppData, target );

	}

});

De nem működik. A szegényember-debugja-alert szerint az async ki van kapcsolva, megtörténik az 1. lépés (post, az adatok megjönnek), aztán a 2., de ott a ppData = undefined. Mi a gond? Rosszul adom vissza a post ereményét a returnnel?

Utoljára szerkesztette: 355, 2017.02.05. 11:32:31

Még szebb megoldás, kód duplikáció nélkül:

$(window).resize(function () {

}).resize();

A végén a .resize(); triggereli a resize függvényt induláskor.
Utoljára szerkesztette: MerlinW, 2017.01.23. 10:53:15

Köszönöm, így már jó.

Pont azért mert resize eseményben vannak a funkciók. Csinálj a resize-on belüli tevékenységből egy függvényt és hívd meg onready-kor (esetleg $(window).load()-ban) és resize event esetén is. Legyél moduláris:)

onReady {

    függvény();

   

    window.resize {

       függvény();

    }

}

Utoljára szerkesztette: MerlinW, 2017.01.21. 15:41:44

Most is így van a resize , majd a hover funkciók benn vannak egy document.ready-ben. Csak akkor műxik, ha átméretezem a böngésző ablakát.

$(document).ready()
Utoljára szerkesztette: MerlinW, 2017.01.20. 21:44:27

Jonnyka, Malakai azt hogy kell megoldani, hogy ne csak átméretezéssel (resize) számítsa ki a felirat pozícióját, hanem már azzal hogy megnyitom a weblapot?

Thx

Köszi sikerült hála nektek.
Az utolsó 2 sort kellett picit átírni:
.
.
.
pixelLeft = $(window).width() *( (100 - ((move / $(window).width()) * 100)) / 100);
$('#'+liki+':hover').find('.text').css('left', pixelLeft + 'px');
});
});

Nem tom mi a baj, ilyen bénán rakta be.

<nav  role='navigation'>

	

     <ul class="topnav clearfix" id="myTopnav">

		<li id="li1" class="trans" >

                      <a class="link-1 entypo-user " href="#home"> 

                           <span class="text" data-textId="li1">Bemutatkozás

                           </span>

                       </a>

                </li>

		<li id="li2" class="trans" >

                      <a class="link-2 entypo-book-open "  href="#clients">

                           <span class="text" data-textId="li2">Mi is ez?</span>

                      </a>

                </li>

                <li id="li3" class="trans" >

                      <a class="link-3 entypo-basket " href="#about">

                           <span class="text" data-textId="li3">Árajánlat</span>

                      </a>

                </li>

		<li id="li4" class="trans" >

                <a class="link-4 entypo-mail " href="#contact-us">

                     <span data-textId="li4" class="text">Kapcsolat</span>

                </a>

                </li>

	</ul>

				

		<a href="javascript:void(0);"

                     <span id="navmin-icon">

                          <b style="font-size: 15px; position:relative; bottom: 6px;">MENU</b>     <b>&#9776;</b></span>

                </a>

</nav> 

Utoljára szerkesztette: Bandee28, 2017.01.20. 18:13:01