The Earth Is Square
The Earth Is Square
  • 7
  • 273 738
Learn How To Organize Your Code
In this video I do a full deep dive into one of my own Vue front end applications on GitHub. We talk about how I've organized all my code, and the reasons behind those decisions. Hopefully being able to see one of my projects up close give you guys some ideas and inspiration!
Note: The repository for this project is still private and not available for the public besides what is already shown in this video.
───────────────────────
⏰ TIMESTAMPS
0:00 - Intro
1:03 - Project Root
4:20 - Global Helper Functions
5:30 - Assets
6:10 - Components
9:10 - GraphQL
10:46 - Plugins
13:00 - Router
15:23 - Services
16:40 - Store
19:18 - Styles
20:22 - Types
20:40 - Views
22:36 - App & Main
24:30 - Outro
───────────────────────
DISCORD → discord.gg/X23epKN
TWITTER → _earthissquare/
INSTAGRAM → _earthissquare
WEBSITE → www.theearthissquare.com/
───────────────────────
PERSONAL LINKS
TH-cam → th-cam.com/users/mitchellromney
TWITTER → _mitchellromney/
INSTAGRAM → _mitchellromney
TWITCH → www.twitch.tv/itsmitchellromney/
GITHUB → github.com/mitchellromney/
───────────────────────
MY CONTENT KIT → kit.co/MitchellRomney/the-mitchell-romney-content-kit
MY PC SETUP → kit.co/MitchellRomney/the-mitchell-romney-pc-setup
───────────────────────
BUSINESS INQUIRES → mitchell@theearthissquare.com
#vue #frontend
มุมมอง: 2 418

วีดีโอ

All New Major Features In Vue 3
มุมมอง 17K4 ปีที่แล้ว
Vue 3 has just been officially released, and with it comes tons of new features for you to build better front end applications. Let's check it out! VUE 3 RELEASE NOTES → github.com/vuejs/vue-next/releases/tag/v3.0.0 VUE 3 DOCUMENTATION → v3.vuejs.org/guide/introduction.html VUE 3 BENCHMARKS SPREADSHEET → docs.google.com/spreadsheets/d/1VJFx-kQ4KjJmnpDXIEaig-cVAAJtpIGLZNbv3Lr4CR0/edit?usp=sharin...
Vue 3 Tutorial for Beginners - Learn Vue in 3 Hours (FULL COURSE)
มุมมอง 228K4 ปีที่แล้ว
Welcome to our Learn Vue 3 Tutorial Course for Beginners! Vue is a progressive framework for building user interfaces. Ready to start your path to becoming a front end Vue developer? Let's get started! TWOTTER GITHUB REPOSITORY → github.com/MitchellRomney/TEIS-Tutorial-Vue3-Twotter VUE.JS 3.0 DOCUMENTATION → v3.vuejs.org/guide/introduction.html NODE.JS → nodejs.org GITHUB → github.com/join VUE ...
How To Get Started With Vue 3
มุมมอง 14K4 ปีที่แล้ว
FULL 3-HOUR VUE 3 COURSE → th-cam.com/video/ZqgiuPt5QZo/w-d-xo.html We'll be briefly going over what front end development means and what Vue.js is before jumping into installing the required tools and libraries and setting up our code really easily using the Vue CLI! Finally, we'll be saving our code to a Git repository so we can update and save new versions of our project. TWOTTER GITHUB REPO...
The 5 Biggest Tips To Get A Coding Job
มุมมอง 6K4 ปีที่แล้ว
Let's talk about how to get your first programming job, even when you have no experience or a degree. ─────────────────────── ⏰ TIMESTAMPS 0:00 - Introduction 0:31 - Tip 1: Be Open & Honest 2:05 - Tip 2: Always Be Learning 3:59 - Tip 3: Have Confidence In What You DON'T Know 5:28 - Tip 4: Always Push For More 7:07 - Tip 5: Stand Out From The Crowd 12:02 - Outro ─────────────────────── DISCORD →...
What's New In Django 3.0
มุมมอง 6K4 ปีที่แล้ว
Django just released their next major version, Django 3.0. How does it impact you and what the hell is an ASGI? In this video we'll discuss all the major changes in Django 3.0 and to utilize them in your own code! DJANGO 3.0 RELEASE NOTES → docs.djangoproject.com/en/3.0/releases/3.0/ "A SINGLE FILE ASYNC DJANGO APP" → adamj.eu/tech/2019/09/14/a-single-file-async-django-app/ "DEP 0009: ASYNC-CAP...
How To Teach Yourself Code
มุมมอง 8134 ปีที่แล้ว
Are you struggling to feel confident with your coding progress? Learning how to code should be fun and rewarding, even senior developers still have to Google things everyday! Today I'll be talking about why I think you may be struggling to feel confident with your code, and how to get started on the right learning path. HELLO WEB APP → hellowebbooks.com/learn-django ─────────────────────── DISC...

ความคิดเห็น

  • @OFrontend
    @OFrontend 11 หลายเดือนก่อน

    you sounds like codewithharry channel

  • @imadroshan
    @imadroshan ปีที่แล้ว

    This is the best Vue3 tutorial I came across on TH-cam. I gone through a bunch and none of them was directed towards the beginners. Man, you teach really well, why did you stop making tutorials?

  • @maulord4
    @maulord4 ปีที่แล้ว

    Whats happend here? Whats this channel End two years ago.

  • @HeatherIrion
    @HeatherIrion ปีที่แล้ว

    Plus the earth is round.

  • @iamkonick
    @iamkonick ปีที่แล้ว

    Hey, Can you please make a tutorial video with PrimeVue! Your videos are so good! really big fan. Maybe you can also do some tutorials using Fetching data from api, working with those data and also something like getting some data from api as object and use them for input and then capturing those input data to do some other thing like math or some other algorithms.

  • @codewithguillaume
    @codewithguillaume ปีที่แล้ว

    Absolute great course. Thanks!

  • @mahdialaaaldine
    @mahdialaaaldine ปีที่แล้ว

    install sass node and sass loader using install dependencies didn't work ! and also the command npm install sass.... give me an error How can I use SASS :(

  • @jesf570
    @jesf570 ปีที่แล้ว

    Wow. Wow. Wow. Incredible. Faved. Saved. Subbed.

  • @diwakarraja868
    @diwakarraja868 2 ปีที่แล้ว

    Haha the lowkey shoutout to Kurtis Conner

  • @RhombusDaily
    @RhombusDaily 2 ปีที่แล้ว

    The tutorial is great but please, dont do a refaction of your code out of nowhere, i lost track a lot of times by that single thing.

  • @daud4914
    @daud4914 2 ปีที่แล้ว

    bro is gone??

  • @maximebielmann1969
    @maximebielmann1969 2 ปีที่แล้ว

    it's hard to follow the whole tutorial with so much "off record" content changement, past half of the time to pause, write changes and try to check with github if it could be ok with the actuel step of the video

  • @Loki_Dokie
    @Loki_Dokie 2 ปีที่แล้ว

    Idk if anyone will respond, but at 1:09:00 items: is not defined and its asking for a comma

  • @v300
    @v300 2 ปีที่แล้ว

    Fonts are too small. The guy probably has 37" monitor.

  • @vonderklaas
    @vonderklaas 2 ปีที่แล้ว

    THE BEST OUT THERE

  • @CreativeMind-tg6ik
    @CreativeMind-tg6ik 2 ปีที่แล้ว

    i think you believe in karma

  • @lingfish1
    @lingfish1 2 ปีที่แล้ว

    Nice video. Why anyone still uses MySQL/Maria is beyond me.

  • @LuckyTechy
    @LuckyTechy 2 ปีที่แล้ว

    good on you for not calling it Twatter!

  • @RR-et6zp
    @RR-et6zp 2 ปีที่แล้ว

    Bro great video , pls do a saas landing page with vue (or also nuxt js)

  • @hewsman1
    @hewsman1 2 ปีที่แล้ว

    tutorial would've been good but so much things modified - confused the ---- out of me.

  • @uzoruchenna4863
    @uzoruchenna4863 2 ปีที่แล้ว

    Excellent intro to what vue. Just trying to work with Vue for .NET API. Vue looks simplier than React

  • @the_wrong_folder
    @the_wrong_folder 2 ปีที่แล้ว

    even though your name is Mit Romney, I still like your videos! (Mitt is an American politician)

  • @ДашаВаршавская
    @ДашаВаршавская 2 ปีที่แล้ว

    HI! it's really cool tutorial but you need to make a filter in VUE))) it would be very interesting))

  • @blasrangel5665
    @blasrangel5665 2 ปีที่แล้ว

    Maybe creating a new branch for every chapter would have been a nice solution for these off-camera changes...

  • @swathi3761
    @swathi3761 2 ปีที่แล้ว

    Hey, is watch and v-if are the same thing?

  • @betterCleverYT
    @betterCleverYT 2 ปีที่แล้ว

    the commands at around 7:00 are not working. I can use the commands 'npm install -g @vue/cli' and 'vue ui', the server starts, but cannot connect. The 'npm install -g @vue/cli' command does not download files and directories in my repository, as yours did. I can't really find the problem.

  • @anlbolukbas6134
    @anlbolukbas6134 2 ปีที่แล้ว

    As a beginner, I think this tutorial flow was really fast, and it not really clear to understand many parts. Thank you for your effort.

  • @mauliksheth696
    @mauliksheth696 2 ปีที่แล้ว

    awesome tutorial, upto the point on whats required to learn vue3 and vuex 4 along with composition api. Thanks Mitchell for this!

  • @ArzhangInsights
    @ArzhangInsights 2 ปีที่แล้ว

    Amazing tutorial man. I loved the way you explained things and providing details. Looking forward for your React tutorials as well.

  • @Mr_Brian
    @Mr_Brian 2 ปีที่แล้ว

    I am 31 minutes into this tutorial and I'm really enjoying it. I am a total newbie when it comes to Vue 3 and I appreciate such kind of content because it's free and there was a lot of effort that went into it's making. Having said that, I would kindly suggest to put up more Vue 3 projects/tutorial because I am currently enjoying your teaching. I have come to realise that there are less Vue tutorials that cover the MEVN stack so I would greatly appreciate if you did one. Thanks Mitchell for your dedication.

  • @abv250
    @abv250 2 ปีที่แล้ว

    In trying to reproduce code from the tutorial, it would be helpful if you were to use a larger font or zoom the code so that it is more readable. Thanks.

  • @joy_sam_raj
    @joy_sam_raj 2 ปีที่แล้ว

    even FHD s like 480p :(

  • @mammad.amohammad1954
    @mammad.amohammad1954 3 ปีที่แล้ว

    zooooooom in editor!!!!!!!!!!!!!

  • @gokulakrishnanmurugesan
    @gokulakrishnanmurugesan 3 ปีที่แล้ว

    I'm going to learn Django. Which version is best to start? Anyone suggest me

  • @yassokiss4091
    @yassokiss4091 3 ปีที่แล้ว

    It was soooo helpful, thank you!! 🤭

  • @OreefyOfficial
    @OreefyOfficial 3 ปีที่แล้ว

    Where SEO part?

  • @LoVe-iu9rd
    @LoVe-iu9rd 3 ปีที่แล้ว

    You are handsome

  • @aaronknutson1740
    @aaronknutson1740 3 ปีที่แล้ว

    great tutorial so far only issue i'm having is when i put in lang "sass" on my style it breaks the code for some reason i installed the 2 dependencies as directed but it doesn't work when i apply it in the code

    • @aaronknutson1740
      @aaronknutson1740 3 ปีที่แล้ว

      found the fix for this in the comments

  • @malathip8986
    @malathip8986 3 ปีที่แล้ว

    Hello, if login features with roles added to make it complete

  • @RobinHelbig
    @RobinHelbig 3 ปีที่แล้ว

    This tutorial started out great. There was good explanation, time to look and review what was done, and it was easy to follow. However... Off screen modifications will cause confusion, frustration, and will stop people from watching. If you asked your watchers to do the suggested changes, and then expain how you did it, that would be different. But needing to write out your code from a paused screen was an unproductive way to do this.

  • @abinnouranas5719
    @abinnouranas5719 3 ปีที่แล้ว

    Thank you for this course, i just started ro learn vue and it was very helpfull. I wonder if i have lot of functions and computed .. do i have to return them or is there a way to group up these? And what about watchers?

  • @gramsobie2989
    @gramsobie2989 3 ปีที่แล้ว

    15:14 - how did you open this file so fast? shortcut or some plugin?

    • @TheEarthIsSquare
      @TheEarthIsSquare 3 ปีที่แล้ว

      This is a pretty common feature in most modern IDE's - here in WebStorm I can just alt+click a component and it will open the file 🙂

    • @gramsobie2989
      @gramsobie2989 3 ปีที่แล้ว

      @@TheEarthIsSquare Not in Visual Studio Code ;) Or just Idk how to cofigure it. Still thanks for answer.

  • @kennethkingdon-korab2174
    @kennethkingdon-korab2174 3 ปีที่แล้ว

    You missed an opportunity to say twits XD

  • @simplecoder8098
    @simplecoder8098 3 ปีที่แล้ว

    Great! 😃😃😃

  • @NoTalkUntilCovfefe
    @NoTalkUntilCovfefe 3 ปีที่แล้ว

    Still waiting for the Django backend + Vue frontend tutorial with deployment to Heroku ='[

  • @NoTalkUntilCovfefe
    @NoTalkUntilCovfefe 3 ปีที่แล้ว

    Still waiting for the Django backend + Vue frontend tutorial with deployment to Heroku ='[

  • @juliusnkemokwara6059
    @juliusnkemokwara6059 3 ปีที่แล้ว

    Thank you so much for the tutorial. It really helped me. I just started learning vue and I must say that your video is perfect for me compared to other vue tutorial videos I ve watched.

  • @bernardchisumo4054
    @bernardchisumo4054 3 ปีที่แล้ว

    Just started to learn VUE JS

  • @bernardchisumo4054
    @bernardchisumo4054 3 ปีที่แล้ว

    Awesome tutorial every seen on Vue 3 What kind of plugin are you using on Phpstorm IDE?

    • @TheEarthIsSquare
      @TheEarthIsSquare 3 ปีที่แล้ว

      Hey Bernard, for the theme I'm using the Material Theme UI plugin with the Atom One Dark theme :)

    • @bernardchisumo4054
      @bernardchisumo4054 3 ปีที่แล้ว

      @@TheEarthIsSquare Thanks .

  • @oshodikolapo2159
    @oshodikolapo2159 3 ปีที่แล้ว

    This is so lovely and easy on for beginners. Starting from basic to production. And nice graphics too