- Видео 30
- Просмотров 246 831
Sweetdev
Добавлен 7 июл 2018
Sweetdev Is about learning new web development technologies and tools which can help you in your day to day job or personal projects.
Let GPT write the code in your GitHub Repo
In this video, I'll show you how to build a GPT-powered assistant that can directly manage your GitHub repositories. We'll leverage the n8n automation platform to enable seamless integration between your AI assistant and your GitHub account.
We'll configure your GPT assistant to securely communicate with the n8n server via webhook. Then, we'll create GitHub workflows your assistant can execute, like file creation, deletion, and updates.
By the end, your AI assistant will become a valuable collaborator, able to manipulate your repos with ease.
Links mentioned:
Swagger Editor: editor.swagger.io/
n8n documentation: docs.n8n.io/
Example files: github.com/Sweetdev-Master/GPTToGitHub
0:00 Intro
3:00 Op...
We'll configure your GPT assistant to securely communicate with the n8n server via webhook. Then, we'll create GitHub workflows your assistant can execute, like file creation, deletion, and updates.
By the end, your AI assistant will become a valuable collaborator, able to manipulate your repos with ease.
Links mentioned:
Swagger Editor: editor.swagger.io/
n8n documentation: docs.n8n.io/
Example files: github.com/Sweetdev-Master/GPTToGitHub
0:00 Intro
3:00 Op...
Просмотров: 272
Видео
Installing WordPress locally for Non-developers or Developers | Ubuntu edition
Просмотров 2,9 тыс.3 года назад
In this video, we are going to make local WordPress development easy! We are going to install Local WP (localwp.com/) in Ubunto base Linux Mint. But you can install the program in just about all OS out there. Just download and install the correct executable.
How to install Node Js on Ubuntu 20.04 | Yarn as bonus
Просмотров 3504 года назад
In this video, I will show you how to install Node Js in Ubuntu 20.04. We are going to use NVM ( Node version manager ) to install the latest Node version and I will show you how easy is to switch between Node versions with NVM. For a bonus, we will install Yaren on your Ubuntu 20.04 NVM GitHub: github.com/nvm-sh/nvm Yaren Installation guid: classic.yarnpkg.com/en/docs/install#windows-stable Af...
From design into HTML and CSS web page | Part 2
Просмотров 3484 года назад
In this video, we are going to practice our HTML / CSS skills by transforming a simple Figma design into a web page. This is the second part where we are creating the about section, comment section and make the website responsive. To follow along the building process here is the complete design: bit.ly/306hKyU And this is the project on GitHub: github.com/sweetflavor/calmmind Affiliate links: S...
From design into HTML and CSS web page | Part 1
Просмотров 1 тыс.4 года назад
In this video, we are going to practice our HTML / CSS skills by transforming a simple Figma design into a web page. This is the first part where we are creating the hero section of our page. To follow along the building process, here is the complete design: bit.ly/306hKyU Affiliate links: Skillshare HTML & CSS Course: skillshare.eqcm.net/GvD4E For an easy, clean and awesome way to build your F...
Web accessibility | creating websites with accessibility in mind
Просмотров 2694 года назад
For this video I make a presentation based on some of the W3C recommendations and examples for building an accessible websites for everyone. Some of the resources used for the video: www.w3.org/WAI Useful tools / websites : colorsafe.co www.grammarly.com feathericons.com wave.webaim.org webaim.org/ More tecnicol explication: ruclips.net/video/z8xUCzToff8/видео.html
TDD with Vue | Test Driven Development in Vue
Просмотров 2,1 тыс.4 года назад
In this video we are going to create a very simple Vue component starting from writing test which will fail before that we jump and write code for our component. The idea of the video is to explore how we can build Vue Js apps using Test-Driven Development (TDD) approach. The idea of this video is inspire from this amazing article: learntdd.in/vue/ and this talk by Josh Justice: ruclips.net/vid...
Responsive CSS Grid
Просмотров 1,3 тыс.4 года назад
In this video I will show you two different ways to work with responsive CSS Grid. First example I will show you how to do it without media queries and the second example we are creating a simple web structure using media queries. More resources you can find in: developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout Photo in thumbnail by Curtis M...
Vuex modules | fetching data with axios
Просмотров 11 тыс.4 года назад
A simple example on how to use Vuex Modules. We are going to create a module where we are fetching some posts from (jsonplaceholder.typicode.com/posts) using Axios. This is a modified version of my 2018 (Vuex | State management example with Axios) video. Enjoy it! Udemy course - Vue JS 2 - The Complete Guide: bit.ly/2Zb5UEs
Linux tips for developers | Alias
Просмотров 2765 лет назад
In this video we are doing some simple alias in Linux to make repetitive tasks and commands more easy and short. The simple webpack template that I'm using on the example: github.com/wbkd/webpack-starter
Zeroheight and Figma | Keep your design system resources in one place
Просмотров 25 тыс.5 лет назад
In this video we explore a easy manner to create a style guide by using Figma with Zeroheight. Zeroheight: zeroheight.com/ Figma: www.figma.com/
LoopBack 4 | Fast and robust way to build an API.
Просмотров 21 тыс.5 лет назад
In this video we explore a node js framework LoopBack. LoopBack is one of the most easiest framework for API creation. Steps that we take in the example: 1. Make sure that you have the latest node js in your system. 2. Any database installed. 3. Install LoopBack 4 CLI:$ npm install -g @loopback/cli 4. Install connector for your database ( in the example we are using MongoDB ):$ npm install loop...
Changing CSS variable with JavaScript
Просмотров 3,9 тыс.5 лет назад
In this video we are going to set a simple example on how to change CSS variable with JavaScript. some good resources for learn about CSS variables: developer.mozilla.org/en-US/docs/Web/CSS/var
Vue js and WordPress | Using WordPress starter for Gridsome.
Просмотров 18 тыс.5 лет назад
In this video we are going to explore new way to consume the Wordpress API by using Gridsome. Gridsome is an amazing Vue js based static site generator. Check out in this link: gridsome.org/ The video it's intent to be a quick overview of the tool ( not detailated tutorial of Gridsom or WordPress).
Laravel and Vue Js | API driven SPA application
Просмотров 30 тыс.5 лет назад
In this video we will experimenting with different way of building full stack Laravel / Vue Js applications. We are going to build SPA using Laravel to create our API and Vue Js (With a help of Vue CLI) for the front end. Udemy course Laravel API Development & Vue JS SPA from Scratch: bit.ly/3iKyRPl Some resources that could be helpful for you: -Laravel Dev Stack: ruclips.net/video/P5M6X1_Shks/...
VuePress The Vue Js Static Site Generator
Просмотров 2,2 тыс.5 лет назад
VuePress The Vue Js Static Site Generator
Dockerize Vue Js app or any other Node app
Просмотров 11 тыс.6 лет назад
Dockerize Vue Js app or any other Node app
Deploy React | Vue Js applications or any static website using surge.sh
Просмотров 7816 лет назад
Deploy React | Vue Js applications or any static website using surge.sh
Vuex | State management example with Axios
Просмотров 59 тыс.6 лет назад
Vuex | State management example with Axios
Laravel For Beginners | Part-5 - Working with database and Model
Просмотров 646 лет назад
Laravel For Beginners | Part-5 - Working with database and Model
Installing Node js, Yarn and Vue-cli on Ubuntu 18.04
Просмотров 9 тыс.6 лет назад
Installing Node js, Yarn and Vue-cli on Ubuntu 18.04
Laravel For Beginners | Part-4 - HTTP Routing with Laravel
Просмотров 856 лет назад
Laravel For Beginners | Part-4 - HTTP Routing with Laravel
Laravel For Beginners | Part-3 - Installing PHP, Composer, Valet and Laravel
Просмотров 2196 лет назад
Laravel For Beginners | Part-3 - Installing PHP, Composer, Valet and Laravel
Laravel For Beginners | Part-2 - Create a development environment
Просмотров 876 лет назад
Laravel For Beginners | Part-2 - Create a development environment
Laravel For Beginners | Part-1 - Introduction
Просмотров 2506 лет назад
Laravel For Beginners | Part-1 - Introduction
ok!
If any vedio you prepared for angular and react js component integration with private node modules.
Thank You! 👏👏👏
I will try this, thanks a bunch 😊
Most welcome 😊
Thanks for sharing.
You are very welcome :-)
Instead of flexbox, could you not have nested a four column grid for the nav?
It is not good practice to share state between unit tests.
Thank you for your feedback! Good point
Nice work. Thanks!
Thank you sir for the tutorial!
Thank goodness for this video.
Hello, I try to install the minute 17 in wordpress but it was not possible, it comes out error ERROR Failed to compile with error in ./src/templates/WordPressPost.vue?vue&type=custom&index=0&blockType=page-query Module build failed (from ./node_modules/gridsome/lib/plugins/vue-components/lib/loaders/page-query.js): Error: Cannot query field "mediaDetails" on type "WordPressAttachment". Did you mean "mediaType"?
Hello
Thanks, couldn't watch the full video, but i dropped a like. Was just here to get the design and practice with it
You are very welcome to do this! For me is important than is helpful 👌
I wished I saw this video earlier! Watching this helped me solved my problems of rendering using Vuex! Thank you very much
You are very welcome Teyvat!
Thank You Sir
This is wonderful. Thanks so much. I will replicate.....and subscribe. You've just made my day
Excellent explanation! Thanks a lot for this!
Very detailed! Thanks!
How to insert data trough api with file using Laravel rest full api in Vue js using vuex ?
Thank you for this tutorial. very useful and informative. To anyone who would like to run the container in background simply add -d flag. Example: docker run -d -it -p 8080:80 --rm --name vue-image vue-app
That’s really awesome and quite simple to setup
I'm very dissapointed to see so less views on this video. I've been looking up videos on this topic and this is the easiest & clearest one I've found. Please keep making such videos
Thank you!
great video learnt a new thing 👍
Good job. It is just a bit strange to use npm for installing but then yarn to start. Yarn add is the equivalent to npm install
unbelievable you give both React and Vue samples. Thanks a lot!
nice tutorial
Im in love with css grid .. its blowing mind thing
It is a big progress in the web development! It's awesome😊
wery nice tutorial!
Nice, this is pretty simple and not making the big deal out of it. Easy to follow.
Also subscribed!
Thank you Ismail! I really appreciate that! 🙏
@@Sweetdev I'm kinda having a hard to setup cypress with my WSL2.
@@ismailbaisa Sorry for the late answer. If you still need help to setup environment on WSL let me know.
Explicação simples e Clara. Muito bom !!!👏🏽👏🏽👏🏽
Amazing. Thank you!
When you see them in action. It clicks. 😎👍
Seriously you deserves trillions of likes just love it as i needed it badly this lecture
Glad that you enjoy the video Zahoor!
@@Sweetdev happy to see the quicky response from your side
thank you, but in the newer version, we should add sudo when installing vue cli 'sudo npm install -g @vue/cli'
Hi Oussam, thank you for stopping by! Try to not use sudo when you instilling any npm packages. Insteado, nstall your node js using something like NVM. This will fix your permission issues
@@Sweetdev thanks for your advice
Super helpful, thank you!
How do you manage API versioning with LoopBack?
Simple and easy to understand. Very good and helpful tutorial.
I love this design , more please
Por favor en español
😃 Probablemente haré algún video en español pronto... Ya te avisare Isaac 😉
Simply excellent ...
Thank you Nagesh! 🙏
Are you from Poland 🇵🇱?
😃 nop, I am not! You have your second guess @VG TKD 😉
Thank you very much ! Now I understand namespace module clearly
Using span property for grid-column and grid-row is much easier because you don't have to count the start and the end..
Thank you for your suggestions ARUN!
Hey ! Thanks for that video. I have a question. What did you do in VS Code to have those shortcuts to quickly create a nav with a class... You only type nav.main and it creates you <nav class="main"></nav>.. I hope my question is clear... How do you do that? I'm really interested! thanks very much
Hey Pierre! VS code it's coming with the extension Emmet. With Emmet you can do this stuff and more!
that intro song!!!! LIT
Wow...just wow ....you’re incredible, simply amazing life saver
If was a helpful for you, I can't be more happy! 😄
How to put text in the images?
Hi! Can you be more specific about where you want to put the text?
no make sense when you use sematic element header and then create a class with the same name. The class name is over
Hi Lizzy! You are right that in this example is not 100% needed. File free to style and put classes like it's make more sense to you!
Please make tutorial on Quasar and Laravel