W co uderzyć po przerobieniu JS HTML I CSS w kursach Pana Mirosława Zelenta?
Szukam bardziej jakichś zadań z możliwością sprawdzenia poprawności kodu niż nudnych video.
W darmowych kursach #codeacademy i #kodilla nie ma niczego nowego a według testu pluralsight dalej jestem "novice". XD
Zaś co do samego #pluralsight to kursy może i są przydatne ale nie ma do nich zadań i bywają trudne w zrozumieniu
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

a według testu pluralsight dalej jestem "novice"


@Dassault: a czego się spodziewałeś? ( ͡° ͜ʖ ͡°)

Standardowo: wymyśl sobie jakiś projekt, najlepiej jakieś narzędzie, którego tobie brakuje (żeby ci się chciało) i po prostu zacznij je robić, posiłkując się google, stackoverflow, mozilla developer network i css-tricks.

Przede wszystkim musisz się nauczyć języka angielskiego i umiejętności samodzielnego wyszukiwania informacji - i nie jest to żadna złośliwość czy
  • Odpowiedz
Znacie jakieś strony z zadaniami #js #html #cass coś na zasadzie spoj albo w ogóle zadania dla początkujących?
Robię kurs Mirosława Zelenta ale czuję że żmudne oglądanie video to nie dla mnie, potrzebuje czegoś gdzie mam konkretny kod do napisania, robię go i sprawdzam poprawność.
Najlepiej od zera bo moja inwencja w JS jest raczej mizerna. ( ͡° ʖ̯ ͡°)
#naukaprogramowania
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Eh, przebrnąłem przez połowę wikibook z #C, osobiście nie polecam, bardzo chaotyczne według mnie i wymaga mnóstwo zaangażowania. Żałuję, że nie sięgnąłem po ANSI C, nie wiem czy chcę głębiej nurkować w tym szambie, czy przeskoczyć na #js, nie taguje programowanie bo nic nie wnosi do tagu, boję się linczu... Ale dam #zalesie
T.....k - Eh, przebrnąłem przez połowę wikibook z #C, osobiście nie polecam, bardzo c...

źródło: comment_iLkzi8We3vermHiD2x7TviVxcynHYdWl.jpg

Pobierz
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Wklejacie do notatnika, zapisujecie jako html, otwieracie na pełnym ekranie i ewentualnie odświeżacie stronę. (ʘʘ)


body{overflow:none;background:linear-gradient(145deg,rgba(137,231,255,.8) 0,rgba(236,135,192,.8) 100%);position:relative;width:100%;margin:0 auto;z-index:-1}body:active:before{position:absolute;color:#fff;font-size:100px;content:"Proxima_Centauri";z-index:100}#centre{z-index:1;right:50%;top:50%;background-color:#000;position:absolute;margin:-50px -50px 0 100px;border-radius:40%;opacity:1;animation-name:centres;animation-duration:8s;animation-iteration-count:infinite}#centre:hover{opacity:0}@keyframes centres{0%{height:90px;width:95px;margin:-50px -50px 0 100px;transform:matrix(1,-.4,0,1,0,0);transform:rotate(0)}25%{height:80px;width:85px;margin:-45px -57px 0 100px;transform:matrix(1,-.2,-.2,1,0,.2);transform:rotate(90deg)}50%{height:85px;width:90px;margin:-40px -50px 0 100px;transform:matrix(1,0,0,1,-.2,.2);transform:rotate(180deg)}75%{height:80px;width:85px;margin:-45px -47px 0 100px;transform:matrix(1,0-.4,-.4,1,-.2,0);transform:rotate(270deg)}100%{height:90px;width:95px;margin:-50px -50px 0 100px;transform:matrix(1,0,-.2,1,0,0);transform:rotate(360deg)}}#canvas{opacity:1;background-color:rgba(0,0,0,1);cursor:wait;display:block;z-index:-100} Canvas is not supported in your browser.window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(b){window.setTimeout(b,1E3/60)}}();var canvas=document.getElementById("canvas"),ctx=canvas.getContext("2d"),cw=window.innerWidth,ch=window.innerHeight,f=[],hue=180,a=1;canvas.width=cw;canvas.height=ch;function random(b,c){return Math.random()*(c-b)+b+Math.PI*Math.random()}function calculateDistance(b,c,d,e){return Math.sqrt(Math.pow(b-d,2)+Math.pow(c-e,2))}function E(b,c,d,e){this.x=b;this.y=c;this.sx=b;this.sy=c;this.tx=d;this.ty=e;this.distanceToTarget=calculateDistance(b,c,d,e);this.distanceTraveled=0;this.coordinates=[];for(this.coordinateCount=4;this.coordinateCount--;)this.coordinates.push([this.x,this.y]);this.angle=Math.atan2(e-c,d-b);this.speed=2;this.acceleration=1.04;this.brightness=random(50,70);this.hue=random(hue-15,hue+15)}E.prototype.update=function(b){this.coordinates.pop();this.coordinates.unshift([this.x,this.y]);this.speed*=this.acceleration;var c=Math.cos(this.angle)*this.speed,d=Math.sin(this.angle)*this.speed;this.distanceTraveled=calculateDistance(this.sx,this.sy,this.x+c,this.y+d);this.distanceTraveled>=this.distanceToTarget+cw/35?f.splice(b,1):(this.x+=c,this.y+=d)};E.prototype.draw=function(){ctx.beginPath();ctx.moveTo(this.coordinates[this.coordinates.length-1][0],this.coordinates[this.coordinates.length-1][1]);ctx.lineTo(this.x,this.y);ctx.strokeStyle="hsl("+this.hue+", 80%, "+this.brightness+"%)";ctx.stroke()};function loop(){requestAnimFrame(loop);hue+=a;if(170==hue||332==hue)a=-a;console.log(hue);ctx.globalCompositeOperation="destination-out";ctx.fillStyle="rgba(0, 0, 0, 0.5)";ctx.fillRect(0,0,cw,ch);ctx.globalCompositeOperation="lighter";for(var b=f.length;b--;)f[b].draw(),f[b].update(b);f.push(new E(cw/2+random(0,cw/160),ch/2+random(-ch/160,ch/80),cw,random(0,ch)));f.push(new
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

programistyczne swiry mam do was prośbę, potrzebuję zrobić na stronce takie cos ze po kliknięciu na obrazek owy obrazek zmienia sie w inn obrazek i to udalo mi się zrobic.
Problem w tym ze nie wiem jak zrobi zeby podczas przeładowania strony był zapamietany ostatni wybór:/

Jakieś pomysła?

var tImg = ['widok.jpg','widok2.jpg'];
  • 15
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@DevSwift: musisz postawić usługę która będzie to pamietać. Najlepiej na AWS zeby sie łatwo skalowala. Do tego node, bo trzeba byc gotowym na pare milinow transakcji na sekundę.
I wtedy prosto - ktos wchodzi, ty odpalasz Angulara w którym generujesz na podstawie sesji token ktory wysyłasz do serwera a ten zwraca jaki był ostatni obrazek.
Proste, skalowalne
  • Odpowiedz
@DevSwift: cookies, localstorage, baza danych - do wyboru, do koloru :P
@M4ks: :DD

problem w tym, że ja nie ogarniam tego wszystkiego

to nie problem, jeśli umiesz korzystać z tej strony ( ͡°( ͡° ͜ʖ( ͡° ͜ʖ ͡°)ʖ ͡°) ͡°)
  • Odpowiedz
Mircy z #webdev #js #wordpress #frontend pomocy - szukam skryptu lub całego szablonu strony podobnego do tego tutaj http://www.gls.org.pl/ te numerki 1-6, rozsuwane zdjęcia. Widzieliście coś takiego? Dla dowolnego CMS albo czysty html. Najlepszy oczywiście byłby gotowy template z wykorzystaniem takiego skryptu.
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@lukasilestam: Drukarkę to akurat trzeba dobrać wg potrzeb biznesu aniżeli łatwości wdrożenia własnego softu bo praktycznie każdy sprzęt obsługuje standardowe emulacje i nie ma żadnego problemu z oprogramowaniem... wystarczy driver i wyprowadzać dane wg specyfikacji producenta.
  • Odpowiedz
Widziałem w internecie kiedyś taka bibliotekę? w canvans czy js ? która robiła z danych takie jakby kółka jak na fotce poglądowej. Kółka same do siebie przywierały, ich wielkość zależała od liczby przy nazwie kółka np.
polska 10
ukraina 6
dodatkowo kółka te miały obrazki "w sobie" ( ͡° ͜ʖ ͡°)

jak coś
czarnyzawias - Widziałem w internecie kiedyś taka bibliotekę? w canvans czy js ? któr...

źródło: comment_tNsd7vLFDIh6DaeHRgtnkPwv8Eme24Vy.jpg

Pobierz
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#webdev #js
mirki jak tam u Was z regexp?:D Muszę usunąć tekst ze stringu:
werwerwe
doszedłem do tego momentu ale coś mi nie idzie (ʘʘ)
var bla =
  • 15
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#webdev #js
Mirki mam problem, Może ktoś da radę mi pomóc bo zgłupiałem:
var tur = $("li a span", "#groupitems0").clone();
po wpisaniu console.log(tur[0]) zwraca mi ""

Tu jest ok ale
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Wrzucał to ktoś kiedyś jakiś #js do automatycznego układania zdjęć w galerię, żeby zajmowały dostępną przestrzeń. Może ktoś ma linka? #webdev
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@iksioo: hurr durr ale się burzysz
HTML reprezentuje warstwę dokumentu, JS odpowiada za zachowanie. Obie warstwy powinny być niezależne, dlatego też używanie atrybutu on* w htmlu jest po prostu brzydkie. Powinieneś to robić z poziomu js, przy użyciu metody addEventListener (jeśli rzeczywiście chcesz przypisać konkretne zdarzenie elementowi, bo void() to akurat... pustka).
  • Odpowiedz