как делает ми | frontend
8 subscribers
63 photos
14 videos
1 file
53 links
транслирую, как пишу фронт на vue

p.s. все, что здесь описывается, через неделю потеряет свою актуальность, потому что я уже делаю рефакторинг :з

p.p.s правильного нет, есть удобное

внимание, токсичность сильно вредит вашему здоровью, лучше курит
Download Telegram
#боли

подумать как ввод в форму сделать отдельно а кнопку отдельно, но валидация находилась внутри ввода и ошибки выли там же
Forwarded from Programmer memes
This media is not supported in your browser
VIEW IN TELEGRAM
Держимся коллеги, еще 1 день

8️⃣ Programmer memes
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Programmer & IT Memes
Обычное дело

3️⃣ IT Memes
Please open Telegram to view this post
VIEW IN TELEGRAM
🦾 Повышение производительности

📂 Читать

#статья

💛 Настоящий JavaScript
Forwarded from Простой HTML | Программирование
Это я пялюсь на свой код, который написал полгода назад

#минуткаюмора
Подсветка текста при поиске


export const highlightText = (text, search) => {
if (!text){
return ''
}

if(!search){
return text
}

const regex = new RegExp(search, 'gi')
return text.replace(regex, matchedTxt => {
return `<span class="highlight">${matchedTxt}</span>`
})
}

v-html="highlightText(point.place, search)"

.highlight{
font-weight: 600;
}


#js
Неразрывный пробел

 

#html
#планирование

понимание задачи - переписать тз своим языком, уточнить моменты, где есть вопросы, согласовать свое понимание с заказчиком
#сервис

я считаю, что каналов связи с бизнесом может быть несколько, но доступ к информации, клиент должен получить из того канала, куда обратился. либо с ним должны связаться сами с предоставлением этой информации.

а вот прыгание по телефонам и объяснение каждому менеджеру свой запрос - это не про сервис, не про клиентоориентированность и не про заботу (как громогласно любят объявлять многие бизнесы)
#vite #typescript

ошибка на @


npm install --save-dev @types/node


tsconfig

{
"compilerOptions": {
"target": "ES2020",
"useDefineForClassFields": true,
"module": "ESNext",
"lib": [
"ES2020",
"DOM",
"DOM.Iterable"
],
"skipLibCheck": true,
"allowJs": true,
/* Bundler mode */
"moduleResolution": "bundler",
"allowImportingTsExtensions": true,
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "preserve",
/* Linting */
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"noFallthroughCasesInSwitch": true,
"paths": {
"@/*": [
"./src/*"
]
}
},
"include": [
"src/**/*.ts",
"src/**/*.tsx",
"src/**/*.vue",
"vite.env.d.ts",
"src/shared-kernel.d.ts"
]
}


перезапустить ide
#цитата

Нет смысла говорить о решении до того, как мы договоримся о задаче, и нет смысла говорить о шагах реа-лизации до того, как мы договоримся о решении.


- Эфрат Голбратт-Ашлаг (Efrat Goldratt-Ashlag)'
Forwarded from Programmer memes
Учимся правильно делать сообщение об ошибке

8️⃣ Programmer memes
Please open Telegram to view this post
VIEW IN TELEGRAM
#архитектура #javascript

обратить внимание на объекты-значения из DDD
#планирование

когда у меня справшивают о сроках по задаче, то большинство ошибочно полагает, что это то время, за которое ты напишешь код.
да и что таить, сама иногда забываюсь и оттталкиваюсь от времени кодинга,

НО важно осозновать и помнить для всех, что

в сроки задачи входят:
1. исследование - сюда же погружение, исследование тз, планирование шагов выполнения или продумывание сценариев и архитектуры, заполнение недостатка знаний, аналитика и тд и тд)
2. выполнение задачи - в моем случае - кодинг
3. управление задачей/менеджерство - логирование времени и отчеты, написание тз на заполнение белых пятен коллегами (+ ожидание этих доработок), делигирование (опять же с погружением), внешннее тестирование, код ревью и тд
4. комуникация по задаче - созвоны, планерки, обсуждения задач, мозговые штурмы

ну и еще заложить 30% на риски просадки по любому из пунктов (в общем 30%, не по каждому. хотя зависит от задачи и окружения😁 так что это по ситуации)