Salut 👋 Bine ai venit pe canalul meu! Mă numesc Aleksandr Slugin și sunt dezvoltator frontend.
Pe acest canal vorbesc despre frontend și împărtășesc:
• Linkuri către articole noi din blogul meu.
• Linkuri către videoclipuri noi de pe canalul meu de YouTube.
• Postări scurte pe subiecte care nu necesită un articol sau un video complet.
• Instrumente și resurse care îmi ușurează munca și te pot ajuta și pe tine.
• Linkuri către lucruri interesante găsite pe internet și gândurile mele despre ele.
Alătură-te canalului și hai cu mine în această călătorie interesantă în lumea dezvoltării frontend ☀️
Pe acest canal vorbesc despre frontend și împărtășesc:
• Linkuri către articole noi din blogul meu.
• Linkuri către videoclipuri noi de pe canalul meu de YouTube.
• Postări scurte pe subiecte care nu necesită un articol sau un video complet.
• Instrumente și resurse care îmi ușurează munca și te pot ajuta și pe tine.
• Linkuri către lucruri interesante găsite pe internet și gândurile mele despre ele.
Alătură-te canalului și hai cu mine în această călătorie interesantă în lumea dezvoltării frontend ☀️
skandar.dev/ro pinned «Salut 👋 Bine ai venit pe canalul meu! Mă numesc Aleksandr Slugin și sunt dezvoltator frontend. Pe acest canal vorbesc despre frontend și împărtășesc: • Linkuri către articole noi din blogul meu. • Linkuri către videoclipuri noi de pe canalul meu de YouTube.…»
De ce este important să stilizezi string-ul folosind CSS/JS, și nu să hardcodezi acest lucru direct în text
Dacă un string nu este folosit în scop decorativ, atunci este date. Dacă este folosit într-un component care poate fi reutilizat și există șansa să ai nevoie de litere în registre diferite, e mai bine să tratezi registrul prin stiluri, iar în ultimă instanță să îl modifici cu JS.
De exemplu, string-ul:
îl putem afișa ca
Dacă string-ul este inițial în uppercase|lowercase|capitalize:
atunci va fi mult mai greu să-l aduci la forma din primul exemplu.
Excepții:
- String-ul cere un format care nu poate fi obținut ușor doar cu stiluri sau JS. De exemplu: toate cuvintele cu literă mare, în afară de prepoziții:
- Componentul în care este folosit string-ul nu este reutilizat nicăieri. Atunci nu este important atât de mult în ce formă e string-ul — la nevoie îl poți schimba oricând.
#typography
Dacă un string nu este folosit în scop decorativ, atunci este date. Dacă este folosit într-un component care poate fi reutilizat și există șansa să ai nevoie de litere în registre diferite, e mai bine să tratezi registrul prin stiluri, iar în ultimă instanță să îl modifici cu JS.
De exemplu, string-ul:
Compania „Skynet” oferă servicii de agenți IA la cele mai mici prețuri
îl putem afișa ca
uppercase, lowercase sau capitalize folosind proprietatea CSS text-transform. Iar dacă trebuie ca doar prima literă a primului cuvânt să fie mare, iar restul să fie mici, asta se poate face cu JS.Dacă string-ul este inițial în uppercase|lowercase|capitalize:
COMPANIA „SKYNET” OFERĂ SERVICII DE AGENȚI IA LA CELE MAI MICI PREȚURI
atunci va fi mult mai greu să-l aduci la forma din primul exemplu.
Excepții:
- String-ul cere un format care nu poate fi obținut ușor doar cu stiluri sau JS. De exemplu: toate cuvintele cu literă mare, în afară de prepoziții:
Compania „Skynet” Oferă Servicii de Agenți IA la Cele Mai Mici Prețuri
- Componentul în care este folosit string-ul nu este reutilizat nicăieri. Atunci nu este important atât de mult în ce formă e string-ul — la nevoie îl poți schimba oricând.
#typography
În Google Meet, pe 23 februarie, au adăugat în sfârșit posibilitatea de a scoate într-o fereastră separată video-ul cu screen share. Acum, dacă ai mai multe ecrane, poți lăsa fețele colegilor pe laptop și să muți screen share pe monitor.
Funcția nu e disponibilă mereu și peste tot: de exemplu, în incognito am văzut butonul (screenshot), iar în modul obișnuit — nu. Poate există niște condiții ca să apară butonul, sau încă nu au terminat rollout-ul, deși după prognoză deja trebuia. În fine, așteptăm.
Funcția nu e disponibilă mereu și peste tot: de exemplu, în incognito am văzut butonul (screenshot), iar în modul obișnuit — nu. Poate există niște condiții ca să apară butonul, sau încă nu au terminat rollout-ul, deși după prognoză deja trebuia. În fine, așteptăm.
Forwarded from Front-End Engineer Blog (Evgenii Ray)
Frontend Interview - Intensive course - Live event 🚀
Всем привет!
Последние последний год, пока я готовился к интервью к различным компаниям (HFT / Finance / FAANG) , накопилось много фронтенд задач, которыми я так и не поделился, просто из-за нехватки времени. Мне хотелось представить их в более менее структурированном формате, чтобы люди могли получить максимальную пользу. Поэтому я решил записать курс по подготовке к кодинг интервью и я снова сколлаборировался с FrontendMaster, так как курс по Системному дизайну вышел очень удачным.
18-19 Марта, в 14.00 по Лондону, приходите на бесплатный двухдневный стрим, где мы в течении 12ти часов решим самые интересные и часто встречаемые задачи с фронтенд интервью
Будем очень очень много кодить крафтово и без АИ агентов! В сумме решим около 60ти задачек и даже напишем свой небольшой клон Google Sheet.
Стрим бесплатный, подписка не нужна. Задачи будут также доступны на гитхабе, где ты можешь можешь скачать репу и решить все сам.
-----
Hi everyone!
Over the past year, while preparing for interviews with various companies (HFT / Finance / FAANG), I accumulated a lot of frontend interview problems that I never shared—mostly due to lack of time. I wanted to present them in a more structured format so people could get the most value from them.
So I decided to record a course on coding interview preparation, and I’ve collaborated again with Frontend Masters, since our System Design course turned out to be very successful.
On March 18–19 at 14:00 London time, join us for a free two-day livestream where, over the course of 12 hours, we’ll solve some of the most interesting and frequently asked frontend interview problems.
We’ll do a lot of hands-on coding—craft-style and without AI agents! In total, we’ll solve around 60 problems, and even build a small Google Sheets clone.
The stream is completely free, and no subscription is required. The problems will also be available on GitHub, so you can download the repository and solve everything on your own.
Всем привет!
Последние последний год, пока я готовился к интервью к различным компаниям (HFT / Finance / FAANG) , накопилось много фронтенд задач, которыми я так и не поделился, просто из-за нехватки времени. Мне хотелось представить их в более менее структурированном формате, чтобы люди могли получить максимальную пользу. Поэтому я решил записать курс по подготовке к кодинг интервью и я снова сколлаборировался с FrontendMaster, так как курс по Системному дизайну вышел очень удачным.
18-19 Марта, в 14.00 по Лондону, приходите на бесплатный двухдневный стрим, где мы в течении 12ти часов решим самые интересные и часто встречаемые задачи с фронтенд интервью
Будем очень очень много кодить крафтово и без АИ агентов! В сумме решим около 60ти задачек и даже напишем свой небольшой клон Google Sheet.
Стрим бесплатный, подписка не нужна. Задачи будут также доступны на гитхабе, где ты можешь можешь скачать репу и решить все сам.
-----
Hi everyone!
Over the past year, while preparing for interviews with various companies (HFT / Finance / FAANG), I accumulated a lot of frontend interview problems that I never shared—mostly due to lack of time. I wanted to present them in a more structured format so people could get the most value from them.
So I decided to record a course on coding interview preparation, and I’ve collaborated again with Frontend Masters, since our System Design course turned out to be very successful.
On March 18–19 at 14:00 London time, join us for a free two-day livestream where, over the course of 12 hours, we’ll solve some of the most interesting and frequently asked frontend interview problems.
We’ll do a lot of hands-on coding—craft-style and without AI agents! In total, we’ll solve around 60 problems, and even build a small Google Sheets clone.
The stream is completely free, and no subscription is required. The problems will also be available on GitHub, so you can download the repository and solve everything on your own.
Frontendmasters
Interviewing for Front-End Engineers, v2 — Exclusive Workshop
Spend two full days with Evgenii Ray learning the skills and techniques to ace front-end engineering interviews.
Astăzi m-am lovit de o problemă. Am făcut update de la Next.js 14 la versiunea 16 și au început să apară probleme cu stilurile în modul
S-a dovedit că în Next.js 16, Turbopack a devenit bundlerul implicit și are priorități diferite pentru modulele CSS în
Din această cauză, dacă un element are mai multe clase cu aceleași proprietăți CSS, în
Până vor repara bugul, am decis să compilez proiectul cu Webpack deocamdată.
Issues: 1, 2 și 3.
#nextjs #turbopack #css
prod, deși în dev totul era în regulă.S-a dovedit că în Next.js 16, Turbopack a devenit bundlerul implicit și are priorități diferite pentru modulele CSS în
dev și prod. În rezultat, ordinea în care sunt conectate fișierele CSS (ordinea din <head>) diferă între aceste moduri.Din această cauză, dacă un element are mai multe clase cu aceleași proprietăți CSS, în
dev și prod se pot aplica proprietăți din clase diferite.Până vor repara bugul, am decis să compilez proiectul cu Webpack deocamdată.
Issues: 1, 2 și 3.
#nextjs #turbopack #css