Generate website starter files with just one command!

Подписаться 494 тыс.

Просмотров 19 тыс.

50% 1

🔥 My course: Responsive Design for Beginners! coder-coder.com/responsive/
💻 Become a full-stack web dev with Zero to Mastery: academy.zerotomastery.io/a/af...
In this video, I'll show you how I used Yeoman to build a custom website generator, that allows me to create all my starter website files for a Gulp and Sass workflow with one command.
Links from the video:
My generator repo: github.com/thecodercoder/gene...
Yeoman website: yeoman.io/
Fernando Moreira's Gulp generator: github.com/nandomoreirame/gen...
Scotch.io blog post: scotch.io/tutorials/create-a-...
____________________________
SUPPORT THE CHANNEL
⭐ Join channel members and get perks: / @thecodercoder
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: marketplace.visualstudio.com/...
WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: coder-coder.com/responsive/
🌟 Gulp for Beginners: coder-coder.com/gulp-course/
RECOMMENDATIONS
⌨ My keyboard-- get 10% off with code THECODERCODER -- vissles.com/?ref=mu96kxst5w
💻 Other gear -- www.amazon.com/shop/thecoderc...
📚 My Favorite Books -- coder-coder.com/best-web-deve...
📺 My Favorite Courses -- coder-coder.com/best-web-deve...
🔽 FOLLOW CODER CODER
Blog -- coder-coder.com/
Twitter -- / thecodercoder
Instagram -- / thecodercoder
#webdevelopment #coding #programming

Наука

Опубликовано:

8 авг 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 87

@soaibhaque 10 месяцев назад

I was searching exactly this kind of thing. I have to create folders and files each and every time when I'm developing chrome extensions. But this will make my work so much easier. Thank you a lot for making videos on this topic ❤❤❤.

@clydecalador3243 2 года назад

Fantastic! You are truly an inspiration. I have been looking at ways to speed up my workflow and I love this! As a side note, you are a joy to watch and to learn from. Subscribed! :))

@DevMadeEasy 2 года назад

Hey Coder Coder, great content, as always, thanks for sharing your knowledge... I just love this one.

@sasipraveen5257 2 года назад

Unbelievable I subscribed to your channel when you had 5K subs now you are so close to 200K 🎉🎉🎉 Thanks for your hard work in educating us

@TheCoderCoder 2 года назад

Wow, thank you for following the whole time! 🙏🏼

@ashikmahmud4076 2 года назад

Congratulations 🎉 for your 200k family

@janelleschuh8424 2 года назад

This video is so helpful!! I was creating my own repo with template files, but now it seems that the generator is the way to go!! Thank you so much for sharing this content.

@TheCoderCoder 2 года назад

Awesome!! Glad this could help!

@desmondberry528 2 года назад

Essentially creating your own CMS. Awesome.

@kevinkimani4291 2 года назад

Hey Coder Coder. You helped me get started as a backend developer on your NodeJs dinosaur project. Thanks.. I'll always be a fan.

@TheCoderCoder 2 года назад

That's awesome! So glad I could help :D

@VacKusaI 2 года назад

Like most, this video is gold. Ty Jessica for sharing this, incredible helpful!

@CoolScratcher 2 года назад

Your editing is AMAZING. So underrated.

@TheCoderCoder 2 года назад

Thank you so much!!

@archiem6323 2 года назад

Yes, yes great content always from her. I have learned so much from her videos. Thanks🙂🍄

@JAVAxNANI 2 года назад

I AM YOUR 200K SUBSCRIBER 😱😱😱😱 CONGRATS!

@medaillonet 2 года назад

Thanks for all your tutorial, i learned how to setup new projets with gulp ! :D I'm just sad about gulp 4 vulnerability issues, that's why I think about learning how to setup a boilerplate from scratch with webpack 5 now !

@emphisto 2 года назад

This is a game changer! Thank you so much. Your videos are super helpful!

@TheCoderCoder 2 года назад

Glad it was helpful!

@jitendracshah 2 года назад

Thanks, that's a great video. would you mind sharing your recording and streaming setup software wise?

@paschalahanmisi6420 2 года назад

Thanks for the videos really helpful You have been a huge inspiration to me 🥰

@TheCoderCoder 2 года назад

You are very welcome!

@troop5100 2 года назад

Thanks! Great content.

@SuperlativeCG 2 года назад

This is what we've all been waiting for.

@iamdshiva1388 2 года назад

SUBBED, great videos just by this i can expect awesome ones always

@throbicon 2 года назад

Thanks! Very useful! 😃

@mangouni 2 года назад

This is great, I was very happy to see our video, thank you!! But instead of going into how to make a generator.. could you explain what to do with the files and folders now created, what would be the things to add.. how to add scripts to run it or something like that. What would be the other dependencies to add? I have tried several times (with other tuts), read, watched tutorials etc and as a beginner I really struggle to continue. Even getting version conflicts when trying advice older than a few years :(

@mangouni 2 года назад

I figured some things out :) thank you again for your videos! ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--lG0kDeuSJk.html

@husseinhasan7758 2 года назад

Thanks, great video plus best quality. Is there any intention of making a video about the tools and equipment that you're using for the editing and recording?

@TheCoderCoder 2 года назад

Yes, we're working on an office/setup tour video! 😁

@husseinhasan7758 2 года назад

@@TheCoderCoder I can't wait to watch it!

@VinceM1000 2 года назад

Love this! Awesome!

@TheCoderCoder 2 года назад

Thank you!!

@_radix_ 2 года назад

Can you make a video explaining the config files included in say for example a React app? I mean the purpose and usage of each one of them, and maybe the correct structure (how to organize my files). Also, thank you for your efforts ❤

@AdeyCoder 2 года назад

It is Great content and Keep it up 👍🙂

@sivavchandran 2 года назад

Hey! Super useful video! 💥 Could you do a video about deployment of a website ? Web Hosting, DNS and things so on..

@TheCoderCoder 2 года назад

Thanks! I'm planning on doing a video on deployment in the near future!

@PhilMinecraft 2 года назад

PC web devs: copy paste files are really inefficient Mobile web devs: that's not really inefficient at all

@Dant3sMusic 2 года назад

Hey, do you have videos on where to start with all of this? I know HTML,CSS and started to learn JS(pure JS for now) but I don't know what to do next(probably JQuery, REACT etc.) and have no idea about stuff like npm and gulp and what do I need them for, do you have any videos covering those things?

@TheCoderCoder 2 года назад

I have a video explaining npm, and another one (a bit older) on how to get started in Gulp :)

@Dant3sMusic 2 года назад

@@TheCoderCoder Thanks for response :), If I'm at beginning of learning JS, do I even need those?

@trtlphnx 2 года назад

Love Your MAD Skills, Sweetie; You're My Favorite Programmer On The "Tube" ~

@iamadityaanjana 2 года назад

Hey can we create a webiste based on login sysytem , means the person whi have a valid login details will be able to acess website ...... is this possible to dssign website in this manner .... is yes please let me know 🙂🥺.

@DenisovichDev 2 года назад

I'll make my own later when I get better at this. For now, I'll just use yours because I more or less follow your exact folder format :)

@TheCoderCoder 2 года назад

Awesome!! Hope this helps you 😁

@roctanweer2265 2 года назад

I needed this!!! You said "I am not an expert in JavaScript" even though you are a web developer (seems frontend)... How? I have been following you for 6 months and you just write HTML SCSS and a little bit of JavaScript for your real world work and this video proves it... Then why am I learning react following your suggestion?

@TheCoderCoder 2 года назад

I used to be a full stack dev, working in C#, SQL , and jQuery because that's what my company used. Then transitioned into doing mainly frontend with HTML and SCSS. But if I was looking for a new job today I would definitely learn React. Hope this clears things up 🙂

@roctanweer2265 2 года назад

@@TheCoderCoder 😊

@varshniveralevel8347 2 года назад

Javascript declared war on me for missing a semicolon

@Beastownden 2 года назад

Thank you for things! How a fresher who love to get a job in web development? Can you teach us each languages, js and etc.

@eliodrallag4806 2 года назад

Ayos!!

@chai112mno 2 года назад

Amazing

@kaillee6279 2 года назад

hey i keep having this what couldbe wrong? spawnargs: [ '--version' ], stdout: '', stderr: "'yo' is not recognized as an internal or external command, " + 'operable program or batch file. ', failed: true, signal: null, cmd: 'yo --version', timedOut: false, killed: false } √ npm version Found potential issues on your machine :( + yo@4.3.0 updated 1 package in 107.124s PS C:\Users\38073\Documents\TEMP>

@soorajgk 2 года назад

Is there any best book for learning CSS&HTML

@zainulabideen5895 2 года назад

We need a web Game Tutorial !!!

@TheCoderCoder 2 года назад

haha maybe someday!

@aungpyaesone1024 2 года назад

I have a question. I use an iPad, and I can make some html codes. But where can I post the website online?

@hshanto707 2 года назад

You can keep those code in your github repository. Github pages will deploy your code and give you a unique link so that anyone can view your site.

@aungpyaesone1024 2 года назад

@@hshanto707 thanks!

@tahak6897 2 года назад

how did u managed to remember most of the coding?

@pisandoflechitas5294 2 года назад

The best .!

@siasquad7360 2 года назад

mam big fan and you are my idol and I have a request can you make make tutorial for how to add payment method to the website

@Ahmad_4s 2 года назад

Love U Thx ♥

@DreamingDolphing 2 года назад

Also we have npx degit

@TheCoderCoder 2 года назад

Whoa I need to check that out!!!

@wildquestwarlockhearthston7616 2 года назад

Good video. I hope you make more videos about crypto.

@TheCoderCoder 2 года назад

Sorry, I don't know crypto 😅

@wildquestwarlockhearthston7616 2 года назад

@@TheCoderCoder imagine bezoge earth going to the moon🚀🌜

@epzoned7500 2 года назад

😍😍😍

@korkut31 11 месяцев назад

there is no esm bundler amoung imports.

@HackerRobloxMinecraft Год назад

can anyone tell me how to subscribe?

@sirvictorwilfred2401 Год назад

Correction here, the project is not as niche as you think its actually awesome

@24mjohnson 2 года назад

yo command not found

@24mjohnson 2 года назад

Finally got it after about an hour or two of playing with it. Had to do all commands in windows powershell first then do "yo gulp-sass-boilerplate" in git bash. I did delete a cache folder in npm first then retried everything and it worked.

@TheCoderCoder 2 года назад

glad you got it working, and thanks for sharing the solution 🔥

@24mjohnson 2 года назад

@@TheCoderCoder your welcome! Not really sure what i did to fix it lol. But i noticed in html file is in the top. Shouldnt that be in bottom to load js files after its loades the body?

@miliardopiscrat 2 года назад

npx create-nx-workspace

@thebrain678 2 года назад

my mind right now 23*%3/323?$#32

@UsMan-uv9em 2 года назад

Damn!! Felt like a dumbass watching this video. Hope I'll gitgud and understand these things more easily

@jessyndaya9487 2 года назад

Generate website starter files with just one command 21 minutes... Me asking if one command is taking 21 minutes to execute or 21 minutes is the time that takes you to write this command, loooool

@TheCoderCoder 2 года назад

lol 😂😂

@korkut31 11 месяцев назад

:) no need such verbose thing . npm create vite@latest thats all 😎😎