Poniedziałek z JavaScript - dla zabieganych Mirków #justjoinitoferty odc#20

poniedziałek - JavaScript, wtorek - PHP, środa - Java/Scala, czwartek - Python, piątek - Ruby/Testing, sobota - mobile.

Dla tych nieco bardziej zabieganych programistów, co to nie mają czasu szukanie roboty tylko wolą siedzieć na Wykopie. ( ͡° ͜ʖ ͡°) Zbiorcza forma, zaledwie raz w tygodniu z jednego języka, która może okazać się
◢ #unknownews

Dziś zebrało się trochę więcej ciekawych linków, bo aż 17 sztuk.


1) Masz ochotę nagrać serial/dokument dla #netflix.a? Ciekawe wymagania techniczne i poradniki
https://backlothelp.netflix.com/hc/en-us/articles/217237077-Production-and-Post-Production-Requirements-v2-1

2) Cena Ethereum spadła z $319 do... 10 centów po wielomilionowej sprzedaży na giełdzie
http://www.cnbc.com/2017/06/22/ethereum-price-crash-10-cents-gdax-exchange-after-multimillion-dollar-trade.html
INFO: bez obaw - wszystko wróciło już do normy ;)

3) Google przestanie czytać Twoje maile - nie będzie na ich podstawie targetować reklam
https://www.bloomberg.com/news/articles/2017-06-23/google-will-stop-reading-your-emails-for-gmail-ads

4) Jak napisać bezpieczną
imlmpe - ◢ #unknownews ◣

 Dziś zebrało się trochę więcej ciekawych linków, bo aż 17...

źródło: comment_yiwpUTIB4zEqARXqpXzPascjdzJxeGDD.jpg

Pobierz
Chciałbym "wyłączyć" jedną z funkcji globalnych javascript na pewnej stronie. Strona korzysta z websockets i po otrzymaniu pewnych danych wywołuje tę funkcję żeby zaktualizować stronę. Ja chciałbym żeby po otrzymaniu tych danych nic nie robiła, czyli efekt taki jakby w skrypcie było

function taFunkcja() {
return;
}
Nie musi to być żadne eleganckie rozwiązanie, potrzebuję tylko dla siebie. Jak najłatwiej można uzyskać taki efekt? Z userscriptu chyba nie mogę "przedefiniować" funkcji? #
#javascript #react #angularjs #vuejs
Jest sens faktycznie pakować się w spa tylko po to by być "nowoczesnym" i pisać po stronie backendu jedynie API ?

Ps. Czy tylko ja mam wrażenie, że frameworki js do spa wymagają za dużo dodatków do zrobienia czegoś używalnego? (Już pomijając tworzenie API po stronie backendu)
- znacznie szybciej natomiast można uzyskać działający produkt we frameworkach backendowych.

Więc po co? Dlaczego? Czy na początku tworzenia produktu ma
@pandev: IMO SPA to przede wszystkim szybsze działanie aplikacji dla usera końcowego, mniejsze wymagania dla infrastruktury (proste API ma mniejsze wymagania sprzętowe niż aplikacja z np. JSP, a sama strona SPA skompilowana pójdzie na czystym nginxie). Dodatkowo fajnie to wygląda na urządzeniach mobilnych - jak normalna aplikacja. Fajnie też wygląda sprawa cache - cała aplikacja SPA jest z reguły wolnozmienna i może być cachowana w przeglądarce, jak do tego dołożymy localstorage
jak zabezpieczone jest korzystanie z Google Maps JavaScript API?

Google mówi o nie dodawaniu klucza bezpośrednio w htmlu - ok, ale i tak koniec końców wchodzisz na stronę, gdzie ktoś korzysta z płatnego api i wyświetla mapę to widzisz w DevToolsach request do Googla z kluczem.
Dodatkowo Google zaleca wpisywanie dozwolonych domen, które mogą korzystać z tego klucza - zapewne sprawdzają HTTP_REFERER z headersów, a co w headersach, to łatwo można podrobić.
cichykacik - jak zabezpieczone jest korzystanie z Google Maps JavaScript API?

Goog...

źródło: comment_pAMlA7JOUglGt2lGlGHMRnl21BKJdqa1.jpg

Pobierz
Czy można pobrać gdzieś niezbędne pliki #angularjs w wersji 4.x? Czy konieczna jest ta cała zabawa z Angular CLI? Ja rozumiem że dzisiaj aplikacje buduje się w taki sposób, ale czy te wszystkie rzeczy automatycznie generowane przy tworzeniu nowego projektu są potrzebne? Potrzebuję Angulara w bardzo prostej aplikacji (choć czy pojedynczy komponent można nazwać aplikacją?), taka organizacja projektu to aż nadto na moje potrzeby, a istotna jest dla mnie wydajoność. W wersjach
@L24D: da się, ale nie polecam ;) przesiadaliśmy się na Angulara dość wcześnie (z 1.x), CLI było nieużywalne... także cały setup trzeba było zrobić pod CI - upierdliwe jak sam sk@#($%n. AoT / JiT, Typescript, templatki, style #!$%@?...

Ale jak już się podejmiesz to:
webpack + dllplugin + @ngtools/webpack + postcss + coś do inlineowania templatek
Postanowiłem popełnić kilka wpisów związanych z Reactem, Reactem-Nativem oraz okolic. Nie chce mi się prowadzić bloga, więc wpisy będą bezpośrednio tutaj. Nie chcę mieć swojego tagu (przynajmniej póki co), ale znajdziecie mnie pod tagami z tego wpisu i mogę robić komentarze taktyczne do wołania ( ͡° ͜ʖ ͡°).

Na dzisiaj React i no-bind rule.

TL;DR Nie należy w propsach bezpośrednio bindować, wstawiać funkcji (najczęściej arrow function), wstawiać JSXa
@xDrope: Troche offtop ale co powiecie na używanie style w componentach, bo ostatnio miałem przez to pszypał, a uważam, że dodanie pewnych własności css przez style jest o wiele czytelniejsze niż tworzenie całej klasy dla jednej/dwóch właściwości?
Cześć mirki!

Polećcie mi proszę jakiś javascriptowy framework, który pozwoli mi w bardzo prosty sposób tworzyć frontend i maniupulować animowanymi obiektami (w postaci Sprite'ów) - wymóg konieczny. Nie musi być super znany.

W dodatku chciałbym się was zapytać, czy jest możliwość tworzenia w CSS / HTML buttonów, które są złożone z obrazka i działają w stylu hoverów z CSS? tzn. mam przycisk "START" w postaci obrazka, oraz jego bliźniaczą podświetloną wersje. Czy
#ufik78news #javascript #programowanie #webdev

01. Link - Linux insides Book

02. Link - RE guide for beginners: Methodology and tools

03. Link - Shorthand JavaScript techniques

04. Link - Python Data Science Handbook

05. Link - A crash course in memory management

06. Link - Can Neural Networks Crack Sudoku?

07. Link - Node.js child processes everything you need to know

08. Link - JavaScript for microcontrollers and IoT

09. Link -
Mirasy z #javascript podpowiedzcie proszę dwie kwestie (jestem lajkonikiem w #js , piszę sobie tylko czasem proste skrypciki). Chodzi o przetwarzanie wartości float oddzielonej przecinkiem (a nie tylko kropką) oraz zaokrąglanie float do dwóch miejsc po przecinku. Mam taki kod, to jest kalkulator wyliczający narzut i marżę:
https://pastebin.com/4NR1FwaQ

Linie 16 i 17 - ceny zakupu i sprzedaży, chciałbym, aby działało też, kiedy float jest oddzielony przecinkiem. Testowałem parseFloat() ale za cholerę nie
Cześć koledzy
Mam dość nietypową sprawę, z miejsca piszę, że z JS to za wiele w życiu nie miałem styczności.
Chcę zrobić, by w ustalonych godzinach włączały się ciemne wersje danych stron internetowych (CSS wzięte z userstyles.org). Wydaje mi się, że dałoby się to zrobić wtyczką Tapermonkey, która dodaje skrypty do stron.

I tu moje pytanie, da się to w taki sposób ogarnąć? Tzn za pomocą JS aktywować fragment CSS na stronie
@JanuszOstateczny3000:

Jakbyś dał kod css to bym jeszcze go dodał do javascriptu.
Od 9 do 13 masz jeden styl np. dzienny, a potem masz inny.

var currentdate = new Date();
var datehour = currentdate.getHours();
var date
minutes = currentdate.getMinutes();

if (datehour > 9 && datehour < 13){
document.head.innerHTML += 'tutaj normalny kod css-a';
}
else{
document.head.innerHTML += 'tutaj normalny kod css-a';
}
Jakiego stylu kodowania / formatowania kodu używacie gdy piszecie kod w Javie w wersji script?

---
Ja przekonałem się do JavaScript Standard Style - chociaż wkurza mnie brak średników na końcu linii, do których bardzo przywykłem (bo przez lata mówiono nam, że niestawianie ich jest złem, gdy nagle okazało się po latach, że wcale nie :))

Przekonałem się głównie za sprawą tego, że Eslint uruchamiany z gulpa/webpacka, co prawda #!$%@?, ale pozwala

Kod JS piszę zgodnie ze standardem:

  • JavaScript Standard Style 26.1% (12)
  • Airbnb JavaScript Style 45.7% (21)
  • Google JavaScript Style 6.5% (3)
  • Inny standard (napisz w komentarzu jaki) 4.3% (2)
  • Nie używam żadnego / wypracowałem swój własny 17.4% (8)

Oddanych głosów: 46

@tylkostrimi: Przejrzałem te trzy standardy i zauważyłem, że Airbnb pasuje najbardziej do mojego, który przywlokłem z Javy, a więc średniki, żadnych przecinków na początku linii, podwójne nazywanie funkcji, pojedyncze cudzysłowy, } else { w jednej linii. Jedyna różnica to wcięcia, ja używam 4.