- 7
- 44 109
Frontend Connect
เข้าร่วมเมื่อ 22 พ.ค. 2020
Hello!
I work as a middle frontend (full stack) developer at a company in Krakow that develops its own software. During my time there, I have developed a SaaS application from scratch to deployment (over 2000 hours of work), using technologies such as Vue.js, Electron.js, Strapi, Auth0, and Stripe. I have also graduated from a university in Poland and defended my diploma on the topic of the Electron.js framework.
On my channel, I freely share the most important knowledge and concepts that I have gained through researching numerous articles, papers, and courses (mostly from international sources). So, this channel is a real treasure for anyone who wants to make their life easier, quickly learn valuable skills, and start earning.
Subscribe to the channel right now!
Dmytro Smirnov
t.me/vonrims17
I work as a middle frontend (full stack) developer at a company in Krakow that develops its own software. During my time there, I have developed a SaaS application from scratch to deployment (over 2000 hours of work), using technologies such as Vue.js, Electron.js, Strapi, Auth0, and Stripe. I have also graduated from a university in Poland and defended my diploma on the topic of the Electron.js framework.
On my channel, I freely share the most important knowledge and concepts that I have gained through researching numerous articles, papers, and courses (mostly from international sources). So, this channel is a real treasure for anyone who wants to make their life easier, quickly learn valuable skills, and start earning.
Subscribe to the channel right now!
Dmytro Smirnov
t.me/vonrims17
Creating a Theme Switcher in a Minute | Vue.js
🔥 Welcome to this tutorial on "Creating a Dark Theme Switcher in Vue.js." In this video, we'll explore how to build a theme switcher that allows users to toggle between light and dark themes using Vue.js. Whether you're a beginner or an experienced developer, this guide will help you add a stylish touch to your web applications.
⏱️ Time Codes:
00:00 Introduction
00:26 Explaining the Layout
00:33 Handling Theme Switching
01:08 Creating and Linking the CSS File
🔗 Resources:
GitHub Code: github.com/yestellar/vue_theme_switcher
👉 Don't forget to like, share, and subscribe for more coding tutorials!
⏱️ Time Codes:
00:00 Introduction
00:26 Explaining the Layout
00:33 Handling Theme Switching
01:08 Creating and Linking the CSS File
🔗 Resources:
GitHub Code: github.com/yestellar/vue_theme_switcher
👉 Don't forget to like, share, and subscribe for more coding tutorials!
มุมมอง: 943
วีดีโอ
Convert Speech to Text in Minutes Using OpenAI's Whisper Model
มุมมอง 1.4Kปีที่แล้ว
Learn how to convert speech to text using OpenAI's Whisper model with Node.js in this hands-on tutorial. We cover everything from setting up your OpenAI account, securing API keys, to transcribing audio files. 🔗 Source code: github.com/yestellar/speech-to-text 📺 TH-cam to MP3: th-cam.com/video/Z4fqrsIhZjc/w-d-xo.html Join our community in Telegram: t.me/frontconn #codingtutorial #openai #nodejs
Больше не мучайся с авторизацией | Strapi + Auth0
มุมมอง 8K3 ปีที่แล้ว
Создать работающую и безопасную авторизацию процесс долгий утомительный, но Auth0 решает эту проблему. В этом видео вы узнаете как в несколько минут подключить безопасную авторизацию к вашему Strapi приложению. Кроме того Auth0 повысит доверие у ваших пользователей, так как этому сервису доверяют многие крупные компании, такие как: AMD, Subaru, Mazda, Siemens, The Economist, Arduino и многие др...
Пошаговый деплой node.js с https | Node, Nginx, SSL
มุมมอง 16K3 ปีที่แล้ว
В этом видео я показываю как сделать деплой Node приложения на сервер DigitalOcean. В процессе я устанавливаю Nginx, firewall, SSL Let's Encrypt и привязываю домен. Ссылка на документацию - github.com/yestellar/deploy-node-nginx-ssl Если вам понравилось видео - поставьте лайк и подпишитесь, спасибо. Напишите в комментариях если у вас получилось установить сервер, также задавайте вопросы если та...
Strapi 3 (Headless CMS) - Курс для старта
มุมมอง 18K3 ปีที่แล้ว
В данном видео я показываю как начать работать с headless cms Strapi. Эта технология прекрасно подойдёт для фронтенд разработчиков, так как она предоставляет графический интерфейс для создания моделей данных и генерирует API для работы с данными через http запросы. Ссылка на документацию - strapi.io/documentation/developer-docs/latest/getting-started/quick-start.html Деплой - th-cam.com/video/K...
Ленивая загрузка в JavaScript
มุมมอง 4763 ปีที่แล้ว
В этом видео показано несколько способов оптимизации потребляемой памяти во время использования экземпляров класса, или объектных литералов. Статья - telegra.ph/Svojstva-lenivoj-zagruzki-lazy-loading-v-JavaScript-04-30 Подпишитесь на телеграм канал, чтобы получать больше полезной информации - t.me/frontconn
amazing bro
Спасибо! Огромное спасибо! Где я был 36 часов до этого видео(((
где домен взять?
а можно по нормальному объяснить, кто не знает node js? у кого вообще даже его не было, а нихера непонятно как нормально установить
вот и всё?? а где деплой?!
14:33 - node.js на сервері
Straight to the point! Thank you, man.
спасибо большое, очень помог
would have been nice to see that code in action before closing the video
я так понимаю этот плагин позволяет также авторизоваться с помощью номера телефона?
Автор собрал в 14 минутах сотни разрозненных статей на разные вариации деплоя проекта, изложил очень понятно. Огромное тебе спасибо, жить и развиваться благодаря тебе стало проще)
Can you help me?
Below you'll find a summary of API usage for your organization. All dates and times are UTC-based, and data may be delayed up to 5 minutes. September DAILY CUMULATIVE Daily usage (USD) 01 Sep 03 Sep 05 Sep 07 Sep 09 Sep 11 Sep 13 Sep 15 Sep 17 Sep 19 Sep 21 Sep 23 Sep 25 Sep $0.00 $0.00 $0.00 $0.00 $0.00 Aggregate daily usage is not available before March 1st, 2022 Free trial usage Used Expired $0.68 / $5.00 GRANT # CREDIT GRANTED EXPIRES (UTC) Grant 1 $5.00 Expired 1 de setembro de 2023 Daily usage breakdown (UTC) Select a day All org members
But I'm getting the following error: file:///C:/Users/paulo/%C3%81rea%20de%20Trabalho/audio/node_modules/openai/core.mjs:292 throw new APIConnectionError({ cause: response }); ^ APIConnectionError: Connection error. at OpenAI.makeRequest (file:///C:/Users/paulo/%C3%81rea%20de%20trabalho/audio/node_modules/openai/core.mjs:292:13) at processTicksAndRejections (node:internal/process/task_queues:96:5) at async main (file:///C:/Users/paulo/%C3%81rea%20de%20trabalho/audio/transcribe.mjs:16:25) { status: undefined, headers: undefined, error: undefined, code: undefined, param: undefined, type: undefined, cause: FetchError: request to api.openai.com/v1/audio/transcriptions failed, reason: read ECONNRESET at ClientRequest.<anonymous> (C:\Users\paulo\Area de Trabalho\audio ode_modules ode-fetch\lib\index.js:1501:11) at ClientRequest.emit (node:events:513:28) at TLSSocket.socketErrorListener (node:_http_client:494:9) at TLSSocket.emit (node:events:525:35) at emitErrorNT (node:internal/streams/destroy:157:8) at emitErrorCloseNT (node:internal/streams/destroy:122:3) at processTicksAndRejections (node:internal/process/task_queues:83:21) { type: 'system', errno: 'ECONNRESET', code: 'ECONNRESET' } }
Hello, your video is very good. my code in nodejs: import fs from "fs"; import OpenAI from "openai"; import dotenv from 'dotenv' dotenv.config() const api = process.env.OPENAI_API_KEY console.log(api) const openai = new OpenAI({ apiKey:api }); async function main() { const transcription = await openai.audio.transcriptions.create({ file: fs.createReadStream("teste.mp3"), model: "whisper-1", }); console.log(transcription.text); } main();
Лучший, большое спасибо ❤
Большое спасибо! Реально все основы быстро показал!
можно без репозитория?
Можна спробувати через VSCode додаток Remote-SSH
А домен обязательно покупать для сервера чтоб установить через certbot? или можно там просто как-нибудь ip4 написать
Там красным по белому mongodebil не используется.
Спасибо большое! ТЫ спас меня
Собрал все как в на видео, но в новой версии при запросе к categories не приходит вместе с категориями products, которые в них входят. Как сделать так, чтобы связанные данные тоже приходили, как в видео?
В 4 версии Strapi чтобы получать связанные данные нужно добавить в конце к запросу параметр „populate”. Пример: /api/products?populate=* Документация: docs.strapi.io/dev-docs/api/rest/populate-select
@@frontendconnect8563 Спасибо!
there is only one english word that you did read proprly - droplet oh my god one more thing - this video is identical to Traversy Media`s video on this axact topic but there is no wonder. You are russian guy. russian people strugle to invent smth cheers osvoboditel`
I am Ukrainian 🇺🇦, and this video has helped a solid number of people to quickly understand the topic. If you feel uncomfortable with my tutorial, I'm fine with you preferring Traversy Media instead.
А что делать если нет доменного имени? Можно сделать это просто на ip адрес?
спасибо, все просто и понятно
Спасибо. А что может значить ошибка Grant missing session or misconfigured provider ? Я вроде делал всё как ты, но не получаю JWT
Проверьте адрес для колбэка в вашем коде. Неправильно: const response = await fetch(`localhost:1337/api/connect/auth0/callback?access_token=${accessToken}`); const { jwt, user } = await response.json(); Правильно: const response = await fetch(`localhost:1337/api/auth/auth0/callback?access_token=${accessToken}`); const { jwt, user } = await response.json(); Доп материал docs.strapi.io/dev-docs/plugins/users-permissions#setup-the-frontend Strapi 4
В чем потребность такого рода cms так и не понял. это типа готовый бэк на минималках?
crud мутить в два счета а так хз
Восхитительный видос! Каждый, кто только сталкивается с проблемой деплоя, найдет здесь ответ на очень геморный вопрос)
Как сисадмин, не понимаю смысла отдельно костыля (pm2) для работы приложения в фоновом режиме. В любом дистрибутиве линукса есть systemd (по крайней мере в тех который чаще всего используют в качестве серверной ос), которая позволяет создавать службы и удобно ими управлять. Хотя чему тут удивляться, джаваскриптеры для всего придумают свои костыли и аналоги, а то потом сидишь со всем этим и др*чишься)
О чем вы говорите? Какой костыль? Есть инструмент для запуска приложения в фоновом режиме - pm2. Всё. Знаете как это сделать другим способом - молодец.
@@frontendconnect8563 это не другой способ, это способ который существует из коробки. Я из тех людей, которые не видят смысла в других утилитах, если система изначально предоставляет такой функционал.
не совсем понятно как установить сторонний сертификат например с клаудфларе
Сертификат cloudflare устанавливается автоматически.
Все курто но у меня не сработало, изначально приложение открывалось только локально - добавил sudo ufw allow 8080 сервер заработал удаленно но с использованием домена пока не реботат сейчас в поисках ошибки но вроде сделал все по инструкции UPD: Удалил Nginx и установил по новой. При создании сертификата нажал 2 для изменения настроек - Все заработало
Внимание, в этом видео я рассказываю о Strapi 3 версии. Уже есть 4 версия. В этом видео можно в общем понять как работает Strapi, но в новой версии есть некоторые отличия в работе с API
Привет, сильно ли критичны изменения? Крутой обзор, будет ли на 4ую версию?
Единственный кто помог! Спасибо тебе!
В кого вже є підключення до серверу, можете починати з четвертої хвилини
то что надо!!!
Парень, ты красава! За 10 минут разложил всю тему от и до! Респект тебе!
Спасибо за видео. У меня возникла проблема, когда я перехожу обратно на фронт, получаю токены и все остальное, но пользователь не появляется в базе данных срапи. Может кто помочь с этим?
Спасибо за курс, публикуй ещё!
очень тихий звук
можешь обьяснить зачем этот autch
чтобы , не мучиться, значит в strapi трудно регать пользователя, способом который ты показывал в прошлом видео про strupi ?Z не вдупляю, я не шарю за бэк просто, и не изучал пока еще strapi
Про strapi совсем мало видео, в самом я более менее разабрался, а вот как и куда лучше его задеплоить не понятно, на примере того же reg.ru, возможно ли там это сделать. Совсем про это нет информации, вся информация только о разработке на локальном компьютере, что потом с билдом делать не понятно.
Привет, у меня есть видео с пошаговой инструкцией по деплою th-cam.com/video/Ke6prIovMSU/w-d-xo.html
@@frontendconnect8563 Спасибо!
Спасибо, очень понятно! Буду рад, если расскажете про переменные окружения - как их настроить в проекте, чтобы не публиковать clientId и прочие ключи в публичном репозитории
У меня уже есть проект на фронте, скажите прав я или нет в следующем: Мне надо добавить админку на моём реакт сайте, чтобы люди без кодинга смогли добавлять новости. Как я понял вот эта headless cms это место где хранятся апишки. И я могу дать им (людям без знания кодинга) доступ к этому сайту strapi, там они будут добавлять "новости", а я в своём реакт приложении напишу код для парсинга этой апишки. Так у меня получится сделать?
Я просто слаб в программировании, но вроде бы звучит реалистично
Да! Для этого оно и сделано
Только советую учить страпи 4 версии. В этом видео 3
@@frontendconnect8563 Ага, спасибо. Очень оперативный ответ
Привет,а если я использую экспресс мне нужно будет запускать сервер на https и подключать туда данные с сертификата? Я купил себе украинский впс и сейчас мучаюсь с ним.Там апач по дефолту стоит и все криво.Я даже нгинкс установить не могу.
Привет, не обязательно, после установки ngnix (как на 10:29) в поле server_name поставить значение _ . Потом запустить приложение и его можно открыть по адресу ip_сервера:порт_приложения. С апач не работал.
@@frontendconnect8563 а если в поле server_name поставить домен так как у тебя то можно будет не подлючать https с ноды?А просто там app.listen делать? И он на домене будет работать.
@@poiu7185 Можно так сделать, но если вы на экспрессе делаете api и будете к нему обращаться через другое приложение, которое будет на https, то будет ошибка cors mixed content
спасибо, тут однозначно лукас от СЕООНЛИ
Спасибо
Спасибо! Всё получилось, красным подсвечивается из-за лишних пробелов, если их удалить и оставить только табы то будет все ок, хотя и так всё работает ))
Классное видео. было бы круто такое же посмотреть с докером
сделал все по инструкции...пишет 502 Bad Gateway nginx/1.18.0 (Ubuntu). почему так может быть?
А вы запустили node приложение на сервере?
🔥🔥🔥
Спасибо большое !!!!!!!
🙂
Четко и по делу. Спасибо!