It is so good to just see real developers doing real development and realising it's still just a person sat staring at code and trying to get things to work like it has been for decades. This is what has always inspired me to work in dev. Every time I watch something in the main RUclips Dev/WebDev sphere I just get existential dread.
Yeah it was hard for me self studying just a year or two ago and watching all the videos of people getting jobs in 3 months and "ai will take all the jobs" I'm glad I didn't give up!
@@WebDevJapan I am currently doing the same self-study, I hear the same words from everywhere, I hear how hard it is to find a job, and sometimes my hands drop
@@Kiyanti It has been more difficult recently but not impossible. Most of the people saying its impossible or hard to find a job just dont have the proper experience or work to show.
Jesus is the only way to healing, restoration and salvation to all souls. Please turn to him and he will change your life, depression into delight, soul heading from hell to heaven all because of what he did on the cross “Whoever calls upon the name of the Lord shall be saved” Romans 10:13
For some reason your video seemed so chill: no distracting music on the background, no unnecessary words. Just you and your facing problems, I subscribed, thank you!
Jesus is the only way to healing, restoration and salvation to all souls. Please turn to him and he will change your life, depression into delight, soul heading from hell to heaven all because of what he did on the cross “Whoever calls upon the name of the Lord shall be saved” Romans 10:13
you just know, based on this guy's attitude that he would become a great software engineer soon. even though he's not very good yet. but the way he tries to learn and improve is very impressive, which I know most of us lack. hats off to you man, you're a great example to all aspiring and even current software engineers like me. love your content!
Jesus is the only way to healing, restoration and salvation to all souls. Please turn to him and he will change your life, depression into delight, soul heading from hell to heaven all because of what he did on the cross “Whoever calls upon the name of the Lord shall be saved” Romans 10:13
Thank you for giving a realistic peek at what you do. It's cool to see your thought process and you seem really down to earth. I haven't even started my job search yet and it's always daunting to think about.
You should start asap. How long have you been studying? I mean, you don't have to go full job search mode. Just send out one or two a week and try to start making connections on Linkedin and wherever else. You can just ease into it like I did.
Jesus is the only way to healing, restoration and salvation to all souls. Please turn to him and he will change your life, depression into delight, soul heading from hell to heaven all because of what he did on the cross “Whoever calls upon the name of the Lord shall be saved” Romans 10:13
ctrl shift F and replace isJpn={...} with empty string and its deleted without selecting them all manually or with ctrl+D you can change for the whole project or choose specific files also vs code shortcuts are so helpful well done
Jesus is the only way to healing, restoration and salvation to all souls. Please turn to him and he will change your life, depression into delight, soul heading from hell to heaven all because of what he did on the cross “Whoever calls upon the name of the Lord shall be saved” Romans 10:13
Just found this video on the YT homepage and have not been dissapointed! I just subscribed, you seem like a very chill and humble person, facing his problems while working. I just started coding with Java, HTML, CSS, SQL and NoSQL(even though they ain't all coding languages but more design and query languages) I've been struggling with it, but I'm really glad YT recommended me this video!
Aweome! Thank you. Yeah, I made the typical day in the life before before this and people complained that we weren't working and just taking coffee breaks lol so I wanted to show what I'm actually doing at work. I'm glad it can be useful.
you could start the change by using a decently sophisticated online identity and actually use the internet to learn productive skills that will help you on the future
Jesus is the only way to healing, restoration and salvation to all souls. Please turn to him and he will change your life, depression into delight, soul heading from hell to heaven all because of what he did on the cross “Whoever calls upon the name of the Lord shall be saved” Romans 10:13
Thank you so much for sharing this video I really appreciate that! As a student who currently studying for university exams, I'm studying so hard to become a software engineer and my dream is to become a person like you. Someone who is a software engineer, working in a Japanese company. Studying 8 hours a day is really exhausting but seeing videos like this reminds me of my life goals and keeps me motivated! Bless your soul.
Jesus is the only way to healing, restoration and salvation to all souls. Please turn to him and he will change your life, depression into delight, soul heading from hell to heaven all because of what he did on the cross “Whoever calls upon the name of the Lord shall be saved” Romans 10:13
Holy shit, this actually gave great insights for an aspiring dev! The pseudo-code roadmap and the amount of times using resources on the internet to help deal with a problem are actually real things that devs do! The process was obscure for me, but seeing even a part of the process in action really helps ground my expectations Great work 👏
subscribed ! front end dev here ! . so realistic but the difference is on my free time im still reviewing the code in my current company or plan what im going to do next week instead of doing a side project . i cant even start a side project because halfway throught im procrastinating that leads me to just quit and do other stuff .
Yeah that's how I was in the beginning but I have to start thinking more about my future. If your company has a clear path for career progression then focusing only on your job is good. Mine doesn't.
i'm a newbie, but the react-i18next is just great. i still translate everything by hand. it also checks where the user lives and automatically changes the language. your variant (which is a bit delayed) reminds me of cyberpunk where you see the original language first and then the translation appears after a second. I only found you today and it's great to watch you at work, with your train of thought, it helps me a lot.
Yeah! A lot of people have mentioned i18next and some other options. Thanks. If we have time to make improvements to the home page I'll probably try it .We are gonna be busy for a while though.
I think this will be good for deploying the home page. If I have time in the near future I will try a more scalable approach. The tech lead said this is okay for now.
i found your channel just now i'm going to watch your videos and your future videos as well! i'm planning to move to Japan in like 2 years but till then I'm going to become good at Web developer and do a exam called itpec in 1.5 years from now which allows me to able to get a visa in Japan.
Hey dude! great content. A quick tip if you want to delete multiple segments of code in a file (assuming you're using a standard English keyboard distribution). 1. Select the segment you want to delete 2. Keep pressed Ctrl + D and vscode will "clone" your cursor in all of the coincidences of code that you selected 3. Delete the code portion It's super useful. You can also use the find and replace window
I haven't watched the whole video yet but I have some advice on what you could change to make this slightly better. I think it's bad UX for the "language switch" button to be so fast, when I saw you click that button I didn't notice the language changing until you scrolled down which was a little confusing. Maybe do a dropdown menu for the language button or something that feels more... "clicky"? I suggest using ShadCN since it already has small animations that feel smooth and not too flashy.
10:58 ctrl + shift + l after you highlight the thing you want to delete. It will select everything with the same text that way to can delete everything you want at once. 13:30 You can just hold ctrl and click on the component and it will jump you to the definition.
If you're storing locally, why do we need a context provider? Also ctrl+d, ctrl+x, ctrl+click will save you some time! ctrl+click will take you to definition as well. "Do it the bad way first ... figure out a good way later" is genuinely an amazing approach to problem solving. Keep it up👍
can relate to this exactly, ive written a few applications for a business in c# as you work through getting all pieces are parts working in the code, it grows and so does the complexity which makes it harder to go back to understand not only what you did but WHY ....... and then the customer wants to make changes to functionality and Boom your looking at code you did awhile ago and have to rethink why .... lol
"But I say unto you, That every idle word that men shall speak, they shall give account thereof in the day of judgment. For by thy words thou shalt be justified, and by thy words thou shalt be condemned." (Mathew 12: 36-37) Man, think twice before making jokes about the Supreme Judge you will have to see on the day of Judgment, Jesus the LORD. Now that you can, repent and turn to Him, believe in Him and His Gospel, so that you may be saved from what you truly deserve for your wickedness.
"Come, follow me, and I will make you creators of code. For just as you would seek to understand the wisdom of the world, so too shall you seek to understand the language of the machine, that you may build and share the light of your knowledge with others."
It is much easier to debug if in development mode you create a middleware that will log the states in the console when they change and see the action from where it is called. And how the project is structured, it seems to me a lot of code put in a single component. It would be more efficient to divide everything into mini components. Structured by folders. It would be ok to do tests together with the code, you could figure out much more easily where the problem is.
Thanks. Well, being in Japan already helps a lot because the company won't have to worry about the hassle of bringing you over here. I was already in Japan for 5+ years working as an English teacher. And I studied a lot during that time to get proficiency in the Japanese language. The only thing left to do after that is learn a little bit of web development, build a portfolio website, and start applying to jobs!
I enjoyed the video and had done job like this in personal project and had same issue. Solved it by adding a id to the english/french button that API know when i click english=1 or french=0 and push with the new id to the sql and api know the number changed then the english defaulted to 1 on all pages.
Great video, I'm self taught and about to start job hunting as a junior, I know Backend(Django), and Frontend (React), be great to get some advice on how to land a job!
I've learned that a lot of companies don't really care about practice projects. You need something on your portfolio that has real users. You can get that from freelancing.
I'm still new but I don't think this helps much but I fiddled on a 2000+ line of code and whenever I start making changes, (this is a game script kind of) I just search it with the use of ctrl F and type what I am looking for. Hope I can help some new ppl out there as well. Liked the definition thing man, I can pick some small details alot since I am studying on my own
Exactly for this kind of cases I am asking myself: Why are you coding such sites? You could probably set this whole site up with a high end front end, CMS + localization in Webflow. I am open to get feedback why coding would be beneficial here :) Cheers and keep up your nice work!
Yeah, the current version of the home page is built with Wordpress. There really is not reason to use this tech stack for a simple home page like this. I think it's just so we can say we built our home page with Next.js and TypeScript. And just a chance to practice the tech stack on something low priority without having any pressure of deadlines by clients maybe.
@@WebDevJapan Okay but is this really smart from business perspective? I don’t think your client cares in which stack/ CMS you’ve coded your website. They want results, and I am convinced that you’ll be able to create a better Website in Webflow in less time which saves you time and money and still convinces your client. I don’t want to sound negative, but it’s my honest opinion :D
Yes, what you're saying is true. I sometimes build simple websites for my freelancing clients with just vanilla html, css, and JS with Netlify hosting. And if they want an e-commerce store I'm definitely using Shopify. The project I'm doing in this video is the home page for the company I work for. It's not for a client. Think of it as like a practice project but I'm getting paid.
Also ctrl + click or ctrl + b (or both) should go to definition as well! :) And i18n is your best friend buddy. You can put your translations key by key in there yourself. Then all you do is like "i18n.t("home.header")" and it will fetch the correct translation from the language file corresponding to the language set for i18n through your app state. So you would have like en.yml and jp.yml files and can add more whenever.
Thanks! Yeah, I think I will try implementing that later when we have time. It's the home page for the company I work for, not a client. So, we can do anything we want with it.
Amazing video especially what a real day in the life of what a Software Engineer would really do. Can I ask on how long did you teach yourself Web Development and what's it like working in Japan? Thank you in advance! I'm an aspiring 3rd year CS major wanting to work in Japan!
Thanks! It was 2 years of self study before I got hired. But actually 6 months of that I was only running my Shopify and ebay stores and not coding at all. So, a year and a half total study time to get hired. I love Japan. I've been here for 8 years. There are some things that are difficult sometimes and the work culture can be hard. It's best to work at a foreign company or a Japanese company that wants to be like a foreign company. I'm in the latter.
Actually, I used to use Prettier on everything. But then when I started working on a team the other people weren't using any formatting and I had a major issue when I tried merging my branch I had been working on for weeks. Basically, the whole branch was a merch conflict because of the formatting and it was a headache to sort out. Maybe I'm doing something wrong?
@@WebDevJapan Look into setting up a pre-commit hook with prettier, eslint, etc. No one should be pushing up un-formatted code or you will run into these issues.
It's a start up and I'm entry level, just one year of work experience. This company I'm working for is not a typical Japanese company. We are all fully remote and most of us don't even live in the same city. So, it's been a very nice experience so far. I have been living in Japan for 8 years, mostly working as an English teacher before this. So, I do have some experience working for Japanese companies where I was overworked and underpayed and super stressed.
@WebDevJapan just in life. I'm using Javascript and php in my project. Since it's a smaller website, I just made copies of the jp files, translated them, and put em in a subfolder called 'en' and made an a tag in both index files to switch languages.
Exactly what I need. I always had no idea what a Software Engineer does and what makes it different with other roles. Btw, how do you get a Software Engineer job in Japan?
Yeah, I mean...I say Software Engineer but the term is used loosely. I prefer to call it web development. To get a job in Japan, 50% of th battle is finished if you're already here in Japan. Then after that it depends on your skill level. If you're entry level then you really need conversational Japanese language skills.
Learn tdd and it'll save you loads of headaches. As someone who does TDD daily, watching you trying to figure stuff out by manually clicking about in the browser is a bit painful... it's a great technique, take a look at it.
@@WebDevJapan im now at semester 5 (bachelor degree), but man... i feel like im lost, dont know where to go, in my college we learn java, python, SQL, google language (golang) from all of those, it seems i feel really lost
@@rivoajaThat‘s totally normal. I‘m in my 3rd semester but studied something else already for 4 semesters and everyone faces that feeling of being overwhelmed. Pick three things you enjoy doing and stick to it.
I am 21 yo and just into software engineer self taught for 1 year+ already, react, node, html, css, python,js, leetcode, webdev all that. Self taught because my computer engineering college 5th semester im in rn are mostly hardware. Is it too late? Im feeling like learning it at 20 yo feels quite late.
Hello dev! I'm web app dev, i'm just asking to you , what your opinion about PHP right now and the framework like Laravel? Is it good to use PHP for backend?
It is in Japan. One of my co-workers went to a PHP bootcamp. They only learned PHP. There are still a lot of jobs in Japan that ask for it. I'm not sure about other parts of the world.
freeCodeCamp.org If you start now you're going to be making so much money by the time time you're 18-19 If you want more detailed help, schedule a Calendly meeting with me and/or join my Discord and send me a message.
I thought I replied to this already...you should start with freeCodeCamp.org HTML & CSS and then JavaScript. Both of those courses together are an estimated 600 hours of course work and project buidling. If you start now you'll be making big money by the time you're old enough to go into college and probably won't even need to go to college unless you want to use it to make connections. Hit me up in my Discord
dude code looking good i want to know which language should i choose for object oriented programming c++, java, python basically i want it for both android and web dev
If you want to do both web and mobile, Java is the obvious path out of those choices. Of course, you could go full JavaScript like I did. With React and React Native you can build web and mobile on mac, windows, iphone, ipad, and android.
It's old but it's still in demand and a lot of projects are using it. At least here in Japan it's not going away anytime in the near future. I don't think it's a waste. But to do coding challenges for a job interview you'll want to use something easier to code in, like Python.
Hi I want to code so im asking if u have got any sites that proposes to refactore errors. Like in the video u have a system on the right which shows all the errors in red so im searching a site to refactore with this system to help me easily find errors. What’s language ur using ? Btw love ur videos encouraging me to be a software engineer
You should do it! I'm using VS Code. It doesn't really refactor errors but it shows you where they are. Sometimes it has a quick fix option that can save you some effort.
@@WebDevJapanBtw do u have any sites that proposes refactoring simulator/exrecice like a site which makes us learn by refactoring a web’s errors with the whole code and with the helping system?
I got my software engineering level up at the college and university level and I am looking to take it to the professional engineering level and am looking for some help. Thanks
@WebDevJapan not yet! It's still a dream/goal of both me and my wife. I sent you DM on your insta! I'd love to talk to you about japan n stuff! Frfr I'm very envious of you my dude
@@FusionGTZ I''ll get on there later. I haven't been checking messages much lately. Why did this get into your feed? Are you into software or thinking about it?
@WebDevJapan you good! And yah I've been into programming for a long time but I began pursuing a career last year and attended a coding bootcamp. Am currently stuck in application hell, the job market is super competitive rn unfortunately
yo bro. my academic background is computer science engineer.i recently graduate as I am a fresher now. Bro I want to work in japan. what do you think what kind of work do I get ? and currently I am learning Japanese N5 level, so In the IT company is their only Japanese language or english is fine ?what about the computer system of Japanese company , is it all in Japanese or english ? please reply in details bro.LOTS OF LOVE
Yeah, if the company already has people like me who speak both Japanese and English then they will hire you without Japanese language skills. But I suggest you learn as much Japanese as possible. N3 is good for opening more opportunities. Even I have N1 but the company gave me a computer with English keyboard to use, and the operating system in English. There are also opportunities to get jobs in data centers but if you want to do programming / web dev then just stick with that. Some companies have their whole dev department in English. Jobs on japandev.com and tokyodev.com will prove that. Those jobs are hard to get though, because everyone who can't speak Japanese is trying to get those jobs. Where are you from? The company I work for recently hired 2 guys from India who don't speak Japanese. The guys have post graduate degree in computer science. It will also be easier after you have a year or two of work experience.
@@WebDevJapan I'm from Nepal but i did engineering from india. Any suggestions for me bro, like the jobs sector or even language? Overall I'm fresher now and don't have experience . I'm your regular viewer any suggestions for me bro cause i want to work in Japan.
nice to see that video i thought software engineers do all day drink coffe, rest at cool places, eat free from open kitchen, walking around, go to the gym 😂
That's good for you! Knowing backend and also a less popular(?) language like Rust can be a big advantage. Like, people I know who are really good with Go make a lot of money because there are fewer people doing it.
@@WebDevJapan ikr, in terms of popularity its less popular than go. I use rust natively to get better at the language and i want to be a blockchain developer. Is there any opening for offshore blockchain devs at your workplace?
I was already here in Japan, working as an English teacher. If you're here, speak some Japanese, and have some basic programming skills then it's not that hard to search for a job just like a Japanese person would.
@@iCrimzon yeah, thankfully I'm in Japan so I don't have to worry about that. If I was outside of Japan and trying to do this job remotely I would be living on the streets.
@@WebDevJapan Those component libraries that you install via npm have always been a pain. The trend recently has been to use component libraries where you own the underlying implementation like with chadcn, rather than interfacing with a custom wrapper api. And/or using an atomic css framework like Tailwind that prevents bad abstractions/decision fatigue when styling things.
sir i am confused between fullstack web dev vs data analyst which one should i choose do you think data analyst is good career or should i just go with web dev i am planning to go through bootcamp thanks
I really don't know much about data analyst. But It's obviously going tobe very heavy on numbers and math. If you focus only on front-end of the full stack you get more into creative work and focusing on making the website look good, even some graphic design sometimes. Do you want to be more creative or more analytical?
1. Learn foundations of html, css, JavaScript 2. Learn advanced JavaScript and web development 3. Learn React 4. Learn Next.js and TypeScript 5. GET MONEY
Jesus is the only way to healing, restoration and salvation to all souls. Please turn to him and he will change your life, depression into delight, soul heading from hell to heaven all because of what he did on the cross “Whoever calls upon the name of the Lord shall be saved” Romans 10:13
I have two components that maybe I didn't show in the video: 1. LanguageToggle.tsx and LanguageContext.tsx The LanguageContext component provides the state { isJpn } and the { toggleLanguage } method across the whole app. I implemented useState for the state management and useEffect to save the language preference in local storage. Apparently this was not a graceful or eloquent way to do it as I've has many people suggest better solutions. But I can say one thing my company was impressed with was that it's blazingly fast at toggling the language. It happens instantly the way I did it. Absolutely zero loading time to switch between languages. So, that's kinda cool I guess.
![[#2024MAMA] ROSÉ (로제), Bruno Mars - APT. | Mnet 241122 방송](http://i.ytimg.com/vi/dgGqD28J6aQ/mqdefault.jpg)
Get my personal help: calendly.com/webdevjapan/discovery-call
I'm totally supporting the growth of this channel and your journey. Keep it up!
@@-LightSmit It's going! It's already made more money than my Zach in Japan channel ever did.
It is so good to just see real developers doing real development and realising it's still just a person sat staring at code and trying to get things to work like it has been for decades. This is what has always inspired me to work in dev. Every time I watch something in the main RUclips Dev/WebDev sphere I just get existential dread.
Yeah it was hard for me self studying just a year or two ago and watching all the videos of people getting jobs in 3 months and "ai will take all the jobs"
I'm glad I didn't give up!
@@WebDevJapan I am currently doing the same self-study, I hear the same words from everywhere, I hear how hard it is to find a job, and sometimes my hands drop
@@Kiyanti It has been more difficult recently but not impossible. Most of the people saying its impossible or hard to find a job just dont have the proper experience or work to show.
Jesus is the only way to healing, restoration and salvation to all souls. Please turn to him and he will change your life, depression into delight, soul heading from hell to heaven all because of what he did on the cross
“Whoever calls upon the name of the Lord shall be saved” Romans 10:13
@@WebDevJapan Do you have a degree? and if so, what is it in?
For some reason your video seemed so chill: no distracting music on the background, no unnecessary words. Just you and your facing problems, I subscribed, thank you!
Thank you!
Jesus is the only way to healing, restoration and salvation to all souls. Please turn to him and he will change your life, depression into delight, soul heading from hell to heaven all because of what he did on the cross
“Whoever calls upon the name of the Lord shall be saved” Romans 10:13
you just know, based on this guy's attitude that he would become a great software engineer soon. even though he's not very good yet. but the way he tries to learn and improve is very impressive, which I know most of us lack. hats off to you man, you're a great example to all aspiring and even current software engineers like me. love your content!
Thank you. I'm doing my best.
Jesus is the only way to healing, restoration and salvation to all souls. Please turn to him and he will change your life, depression into delight, soul heading from hell to heaven all because of what he did on the cross
“Whoever calls upon the name of the Lord shall be saved” Romans 10:13
So he’s not good??? How the hell did he get a job??😂😂
@@HaroutBlack ... stop it, just stop
@@HaroutBlack Is Jesus good at Javascript?
Thank you for giving a realistic peek at what you do. It's cool to see your thought process and you seem really down to earth. I haven't even started my job search yet and it's always daunting to think about.
You should start asap. How long have you been studying? I mean, you don't have to go full job search mode. Just send out one or two a week and try to start making connections on Linkedin and wherever else. You can just ease into it like I did.
Jesus is the only way to healing, restoration and salvation to all souls. Please turn to him and he will change your life, depression into delight, soul heading from hell to heaven all because of what he did on the cross
“Whoever calls upon the name of the Lord shall be saved” Romans 10:13
i like how you're open to suggestions, you have such a great personality! Keep it up, man!
Thank you!
ctrl shift F and replace isJpn={...} with empty string and its deleted without selecting them all manually or with ctrl+D
you can change for the whole project or choose specific files also
vs code shortcuts are so helpful
well done
Thank you. Yeah, I need to sit down and do a shortcut learning session for sure!
Jesus is the only way to healing, restoration and salvation to all souls. Please turn to him and he will change your life, depression into delight, soul heading from hell to heaven all because of what he did on the cross
“Whoever calls upon the name of the Lord shall be saved” Romans 10:13
@@HaroutBlack you're enslaved
@@HaroutBlack Hail Satan
Just found this video on the YT homepage and have not been dissapointed! I just subscribed, you seem like a very chill and humble person, facing his problems while working. I just started coding with Java, HTML, CSS, SQL and NoSQL(even though they ain't all coding languages but more design and query languages) I've been struggling with it, but I'm really glad YT recommended me this video!
Aweome! Thank you. Yeah, I made the typical day in the life before before this and people complained that we weren't working and just taking coffee breaks lol so I wanted to show what I'm actually doing at work. I'm glad it can be useful.
I dont understand a single thing your doing but i hope in the future when i come back to this i will understand probably in like few years
If you keep a good pace of learning you'll understand sometime next year
you could start the change by using a decently sophisticated online identity and actually use the internet to learn productive skills that will help you on the future
@@imjonathan6745 lol
Jesus is the only way to healing, restoration and salvation to all souls. Please turn to him and he will change your life, depression into delight, soul heading from hell to heaven all because of what he did on the cross
“Whoever calls upon the name of the Lord shall be saved” Romans 10:13
look at your pfp brother you are beyond saving good luck
Thank you so much for sharing this video I really appreciate that! As a student who currently studying for university exams, I'm studying so hard to become a software engineer and my dream is to become a person like you. Someone who is a software engineer, working in a Japanese company. Studying 8 hours a day is really exhausting but seeing videos like this reminds me of my life goals and keeps me motivated! Bless your soul.
It will all pay off eventually if you don't give up
You can use Ctrl+D to select the next matched text 11:02
dude! I just tried that. It is life changing
I need to try out more keyboard shortcuts
@@WebDevJapanthanks for trying and I am happy to know that it helped you
@@WebDevJapan when you want to select not only next but all the matched texts, ya can use Ctrl+Shift+L (whitespaces also count)
Jesus is the only way to healing, restoration and salvation to all souls. Please turn to him and he will change your life, depression into delight, soul heading from hell to heaven all because of what he did on the cross
“Whoever calls upon the name of the Lord shall be saved” Romans 10:13
@@HaroutBlack my guy you are the reason why i take religions with a grain of salt
Holy shit, this actually gave great insights for an aspiring dev! The pseudo-code roadmap and the amount of times using resources on the internet to help deal with a problem are actually real things that devs do! The process was obscure for me, but seeing even a part of the process in action really helps ground my expectations Great work 👏
Thanks! Yeah I wanted to show a real day at work, not just timelapse coding and drinking coffee lol
Its so refreshing to watch your videos man. Just a chill one with no extra BS
thank you
This video was shown to me 1 month later, but I could not expressed how these 18 minutes has given me so much information as a student. Tysm
Glad to hear it! Student in CS?
subscribed ! front end dev here ! . so realistic but the difference is on my free time im still reviewing the code in my current company or plan what im going to do next week instead of doing a side project . i cant even start a side project because halfway throught im procrastinating that leads me to just quit and do other stuff .
Yeah that's how I was in the beginning but I have to start thinking more about my future. If your company has a clear path for career progression then focusing only on your job is good. Mine doesn't.
i'm a newbie, but the react-i18next is just great. i still translate everything by hand. it also checks where the user lives and automatically changes the language.
your variant (which is a bit delayed) reminds me of cyberpunk where you see the original language first and then the translation appears after a second.
I only found you today and it's great to watch you at work, with your train of thought, it helps me a lot.
Yeah! A lot of people have mentioned i18next and some other options. Thanks. If we have time to make improvements to the home page I'll probably try it .We are gonna be busy for a while though.
Thanks man was waiting for it.
I think this will be good for deploying the home page. If I have time in the near future I will try a more scalable approach. The tech lead said this is okay for now.
i found your channel just now i'm going to watch your videos and your future videos as well! i'm planning to move to Japan in like 2 years but till then I'm going to become good at Web developer and do a exam called itpec in 1.5 years from now which allows me to able to get a visa in Japan.
@@adyr3mi784 That’s great! We should definitely stay in touch. You can join my Discord. Link somewhere on the channel.
Hey dude! great content. A quick tip if you want to delete multiple segments of code in a file (assuming you're using a standard English keyboard distribution).
1. Select the segment you want to delete
2. Keep pressed Ctrl + D and vscode will "clone" your cursor in all of the coincidences of code that you selected
3. Delete the code portion
It's super useful. You can also use the find and replace window
Good tip! thank you
16:35 "Do we need it?... I dont even know what's going on anymore man"
Me coming back to my lines of codes after a break
you has a pretty god taste for themes
funny - it seems like people either love it or hate it. Most of the negative comments on my channe lare about the theme lol
I haven't watched the whole video yet but I have some advice on what you could change to make this slightly better. I think it's bad UX for the "language switch" button to be so fast, when I saw you click that button I didn't notice the language changing until you scrolled down which was a little confusing. Maybe do a dropdown menu for the language button or something that feels more... "clicky"? I suggest using ShadCN since it already has small animations that feel smooth and not too flashy.
That's a really good idea! I hadn't thought of that. Thanks!
You are inspirational I'm in QA and enjoy your thought process in design and succinct to the point.
Wow, thank you!
10:58 ctrl + shift + l after you highlight the thing you want to delete. It will select everything with the same text that way to can delete everything you want at once.
13:30 You can just hold ctrl and click on the component and it will jump you to the definition.
A shortcut for my shortcut
nice
13:24 or you can just press cmd or cntrl and click and it takes you to definition.
Yeah I didn't know that at first. I was looking through all the files and using the search bar lol
@@WebDevJapan If you also want to jump to a file you know the name of use Cmd/Ctrl P x
You know they're professional when they have a high contrast theme or a light mode theme.
The best of the best
If you're storing locally, why do we need a context provider?
Also ctrl+d, ctrl+x, ctrl+click will save you some time! ctrl+click will take you to definition as well.
"Do it the bad way first ... figure out a good way later" is genuinely an amazing approach to problem solving. Keep it up👍
Thank you. Yeah, I'm stil in the phase of "just get it working"
you got my sub and like dude! Keep at it!
Thank you!
can relate to this exactly, ive written a few applications for a business in c# as you work through getting all pieces are parts working in the code, it grows and so does the complexity which makes it harder to go back to understand not only what you did but WHY ....... and then the customer wants to make changes to functionality and Boom your looking at code you did awhile ago and have to rethink why .... lol
Yep lol
I'm actually enjoying my side hustle more, freelancing with Shopify development. No dependencies hell or half day of build errors.
Thank you coding jesus.
Lol haha. 😂😂
Lmao
"But I say unto you, That every idle word that men shall speak, they shall give account thereof in the day of judgment. For by thy words thou shalt be justified, and by thy words thou shalt be condemned." (Mathew 12: 36-37)
Man, think twice before making jokes about the Supreme Judge you will have to see on the day of Judgment, Jesus the LORD. Now that you can, repent and turn to Him, believe in Him and His Gospel, so that you may be saved from what you truly deserve for your wickedness.
😅😅 spreading the word, the truth 🙏🙏🙏
"Come, follow me, and I will make you creators of code. For just as you would seek to understand the wisdom of the world, so too shall you seek to understand the language of the machine, that you may build and share the light of your knowledge with others."
I found my new favorite tech channel :)
wow, thank you
You can highlight the text you want to remove (isJpn={isJpn}) and press command + shift + L to select all instances within the current file
I'm on windows
It is much easier to debug if in development mode you create a middleware that will log the states in the console when they change and see the action from where it is called. And how the project is structured, it seems to me a lot of code put in a single component. It would be more efficient to divide everything into mini components. Structured by folders. It would be ok to do tests together with the code, you could figure out much more easily where the problem is.
Is that what they call test driven development?
Really loved the chill atmosphere in the video, may i ask how you managed to score a job in japan as a non native?
Thanks. Well, being in Japan already helps a lot because the company won't have to worry about the hassle of bringing you over here. I was already in Japan for 5+ years working as an English teacher. And I studied a lot during that time to get proficiency in the Japanese language. The only thing left to do after that is learn a little bit of web development, build a portfolio website, and start applying to jobs!
I enjoyed the video and had done job like this in personal project and had same issue. Solved it by adding a id to the english/french button that API know when i click english=1 or french=0 and push with the new id to the sql and api know the number changed then the english defaulted to 1 on all pages.
That's a cool way to do it!
You should do Ctrl-A and then backspace and then Alt-F4. That usually fixes it for me
lol yeah I do that sometimes
Bro is using the best VScode theme, fuck yea
People either love it or hate it
what is the theme called?
Dark High Contrast - Default High Contrast
Great video, I'm self taught and about to start job hunting as a junior, I know Backend(Django), and Frontend (React), be great to get some advice on how to land a job!
I've learned that a lot of companies don't really care about practice projects. You need something on your portfolio that has real users. You can get that from freelancing.
I'm still new but I don't think this helps much but I fiddled on a 2000+ line of code and whenever I start making changes, (this is a game script kind of) I just search it with the use of ctrl F and type what I am looking for. Hope I can help some new ppl out there as well.
Liked the definition thing man, I can pick some small details alot since I am studying on my own
Yeah ctrl F is necessary every day
Exactly for this kind of cases I am asking myself: Why are you coding such sites? You could probably set this whole site up with a high end front end, CMS + localization in Webflow. I am open to get feedback why coding would be beneficial here :) Cheers and keep up your nice work!
Yeah, the current version of the home page is built with Wordpress. There really is not reason to use this tech stack for a simple home page like this. I think it's just so we can say we built our home page with Next.js and TypeScript. And just a chance to practice the tech stack on something low priority without having any pressure of deadlines by clients maybe.
@@WebDevJapan Okay but is this really smart from business perspective? I don’t think your client cares in which stack/ CMS you’ve coded your website. They want results, and I am convinced that you’ll be able to create a better Website in Webflow in less time which saves you time and money and still convinces your client. I don’t want to sound negative, but it’s my honest opinion :D
Yes, what you're saying is true. I sometimes build simple websites for my freelancing clients with just vanilla html, css, and JS with Netlify hosting. And if they want an e-commerce store I'm definitely using Shopify.
The project I'm doing in this video is the home page for the company I work for. It's not for a client. Think of it as like a practice project but I'm getting paid.
good job, dude, liked the video
Thank you
Also ctrl + click or ctrl + b (or both) should go to definition as well! :) And i18n is your best friend buddy. You can put your translations key by key in there yourself. Then all you do is like "i18n.t("home.header")" and it will fetch the correct translation from the language file corresponding to the language set for i18n through your app state. So you would have like en.yml and jp.yml files and can add more whenever.
Thanks! Yeah, I think I will try implementing that later when we have time. It's the home page for the company I work for, not a client. So, we can do anything we want with it.
Hello sir, you said you're a self-taught (kind of) web dev. Could you please share what your roadmap was like please?
Good idea, thank you. I will put that on my list of videos to make.
Great vid where can i find other vids like this?
More coming soon. My next coding video like this is going to be while I do custom coding to a Shopify store for one of my freelancing projects.
Amazing video especially what a real day in the life of what a Software Engineer would really do. Can I ask on how long did you teach yourself Web Development and what's it like working in Japan? Thank you in advance! I'm an aspiring 3rd year CS major wanting to work in Japan!
Thanks! It was 2 years of self study before I got hired. But actually 6 months of that I was only running my Shopify and ebay stores and not coding at all. So, a year and a half total study time to get hired.
I love Japan. I've been here for 8 years. There are some things that are difficult sometimes and the work culture can be hard. It's best to work at a foreign company or a Japanese company that wants to be like a foreign company. I'm in the latter.
bro please use the find and replace feature in vscode its CTRL + H so that instead of removing things 1 by 1u can do it at one time
Yes, I've learned that now. Many people told me lol
Thank you
out of all vs code themes, you choose that one
yep
I think you could use Ctrl + D to select all those attributes to delete at 11:04
Yes, thank you. I realize that's a noob mistake now.
Are you avoiding using gpts or just for video? Helps with efficiency and how else would you confirm your understanding when you code something...
Yeah, I would normally use it when I get really stuck. But I do like to try to Google my way out of a problem the old fashioned way sometimes.
Nice video man. Please install Prettier and format your code though!
Actually, I used to use Prettier on everything. But then when I started working on a team the other people weren't using any formatting and I had a major issue when I tried merging my branch I had been working on for weeks. Basically, the whole branch was a merch conflict because of the formatting and it was a headache to sort out. Maybe I'm doing something wrong?
@@WebDevJapan Look into setting up a pre-commit hook with prettier, eslint, etc. No one should be pushing up un-formatted code or you will run into these issues.
You can use redux if your project is in React?
Then as well use the I18n language module.
Then you can also add a flag for every Country
so cool, thankou
What do you consider to be your experience working for a jp company? Is it a startup? Also, whats your seniority?
It's a start up and I'm entry level, just one year of work experience.
This company I'm working for is not a typical Japanese company. We are all fully remote and most of us don't even live in the same city. So, it's been a very nice experience so far.
I have been living in Japan for 8 years, mostly working as an English teacher before this. So, I do have some experience working for Japanese companies where I was overworked and underpayed and super stressed.
Woah, what a coincidence.
I'm kinda in a very similar situation right now.
WIth what? trying to set up use state in react? Or just in life?
@WebDevJapan just in life. I'm using Javascript and php in my project. Since it's a smaller website, I just made copies of the jp files, translated them, and put em in a subfolder called 'en' and made an a tag in both index files to switch languages.
Exactly what I need. I always had no idea what a Software Engineer does and what makes it different with other roles. Btw, how do you get a Software Engineer job in Japan?
Yeah, I mean...I say Software Engineer but the term is used loosely. I prefer to call it web development.
To get a job in Japan, 50% of th battle is finished if you're already here in Japan. Then after that it depends on your skill level. If you're entry level then you really need conversational Japanese language skills.
I’m doing python and nothing is really making any sense to me but luckily I don’t have to do it anymore after the class is done
I'm a JavaScript kind of guy. I haven't liked other languages I've tried.
@ I’ve had the most fun with web design and video editing
Switching back and forth high contrast and a white document must be straining on the eyes.
Yeah, I didn't think about that. Is it time to ditch the high contrast?
Noticed something, when you swap from english to japanese and vice versa, it doesn't translate the Menu
Yeah I think we are going to keep it like that. English is trendy and cool
Learn tdd and it'll save you loads of headaches. As someone who does TDD daily, watching you trying to figure stuff out by manually clicking about in the browser is a bit painful... it's a great technique, take a look at it.
I've heard this word before
Watching beginner tutorial on RUclips now
what is the difference between web development and creating power points?
not much, really
For SEO purposes it might be better to do it as path based solution
If the language is switched to Japanese, why does the main navigation menu remain in English?" No sense, right?
The english nav is for aesthetic. Japanese people think it looks cool. Kinda like how you see Americans get Japanese / Chinese tattoos
@@WebDevJapan That's quite interesting 🤔 Thank you for providing the information.
bro, im currently majoring in programming studies, but seeing all those syntax lines already made me scared
How many semesters in are you? Don't worry about it. Things that seem crazy now will seem like nothing a year or two later when you look back on it.
@@WebDevJapan im now at semester 5 (bachelor degree), but man... i feel like im lost, dont know where to go, in my college we learn java, python, SQL, google language (golang) from all of those, it seems i feel really lost
@@rivoajaThat‘s totally normal. I‘m in my 3rd semester but studied something else already for 4 semesters and everyone faces that feeling of being overwhelmed. Pick three things you enjoy doing and stick to it.
"money stack" catch me 😆
get that money!
Hey, good content mate cheers but why did you call it the money stack? I mean is it that much in demand or so
Thanks! It's prbably just my biased opinion but I see a lot of higher paying jobs in Japan and freelance gigs using TypeScript and Next.js
I am 21 yo and just into software engineer self taught for 1 year+ already, react, node, html, css, python,js, leetcode, webdev all that. Self taught because my computer engineering college 5th semester im in rn are mostly hardware. Is it too late? Im feeling like learning it at 20 yo feels quite late.
I didn't start until after I was 30 years old! If you start now you'll be a millionaire when your my age...if you do things right
@@WebDevJapan wow, thats motivating, thanks
Yeah it’s over for you, should’ve started learning react 15 years ago buddy.
@@maddestruction1 💀
Hello dev! I'm web app dev, i'm just asking to you , what your opinion about PHP right now and the framework like Laravel?
Is it good to use PHP for backend?
It is in Japan. One of my co-workers went to a PHP bootcamp. They only learned PHP. There are still a lot of jobs in Japan that ask for it. I'm not sure about other parts of the world.
Man that vs code theme is a nightmare
Why does everyone say something like that? What's wrong with my theme?
I could have missed it, but why no CMS?
The old site is on WordPress. I guess we just want to practice this tech stack.
i'm 14, please tell me where do i start
freeCodeCamp.org
If you start now you're going to be making so much money by the time time you're 18-19
If you want more detailed help, schedule a Calendly meeting with me and/or join my Discord and send me a message.
I thought I replied to this already...you should start with freeCodeCamp.org
HTML & CSS and then JavaScript. Both of those courses together are an estimated 600 hours of course work and project buidling.
If you start now you'll be making big money by the time you're old enough to go into college and probably won't even need to go to college unless you want to use it to make connections.
Hit me up in my Discord
im surprised no one has mentioned a state management library like zustand
Interesting. Yeah I didn't even know anything about it. I'm looking at it on GitHub now
dude code looking good
i want to know which language should i choose for object oriented programming c++, java, python basically i want it for both android and web dev
If you want to do both web and mobile, Java is the obvious path out of those choices. Of course, you could go full JavaScript like I did. With React and React Native you can build web and mobile on mac, windows, iphone, ipad, and android.
@@WebDevJapan thanks man what would you suggest as i am confused at the moment is java will be worth it or its value going to go down in future ?
It's old but it's still in demand and a lot of projects are using it. At least here in Japan it's not going away anytime in the near future. I don't think it's a waste. But to do coding challenges for a job interview you'll want to use something easier to code in, like Python.
Hi! Where can i find your theme for ide?
Just go to themes in VS Code and it's called Dark High Contrast
It makes me feel like I'm in Tron
@@WebDevJapan tyvm
Hi I want to code so im asking if u have got any sites that proposes to refactore errors. Like in the video u have a system on the right which shows all the errors in red so im searching a site to refactore with this system to help me easily find errors. What’s language ur using ? Btw love ur videos encouraging me to be a software engineer
You should do it!
I'm using VS Code. It doesn't really refactor errors but it shows you where they are. Sometimes it has a quick fix option that can save you some effort.
@@WebDevJapanAlright tysm and this system is included in VS code?
@@WebDevJapanBtw do u have any sites that proposes refactoring simulator/exrecice like a site which makes us learn by refactoring a web’s errors with the whole code and with the helping system?
doing great man, but that theme is killing me, throw a night owl or something and you're good :)
This one makes me feel like I'm in Tron
Why don't you create an /en/----- path where it will take English variables instead of the original Japanese.
Yeah we are going to do something different later. Thank you. Also, I was just doing this by myself. I had no idea what to do.
13:30 Probably you already know, but instead, you can use ctrl + LMB.
I got my software engineering level up at the college and university level and I am looking to take it to the professional engineering level and am looking for some help. Thanks
So you're done with your university degree?
Wait, Zach??? I know you! You remember Brady from Domino's like 10 years ago? Very wild to see you pop up in my feed.
lol brooooo yeah
Did you ever come to Japan?
@WebDevJapan not yet! It's still a dream/goal of both me and my wife. I sent you DM on your insta! I'd love to talk to you about japan n stuff! Frfr I'm very envious of you my dude
@WebDevJapan not yet! It's still a goal/dream of mine and my wife. I texted you on your Instagram!
@@FusionGTZ I''ll get on there later. I haven't been checking messages much lately. Why did this get into your feed? Are you into software or thinking about it?
@WebDevJapan you good! And yah I've been into programming for a long time but I began pursuing a career last year and attended a coding bootcamp. Am currently stuck in application hell, the job market is super competitive rn unfortunately
I’d like to learn coding. Where to start?
free code camp . org
That's where I started
yo bro. my academic background is computer science engineer.i recently graduate as I am a fresher now. Bro I want to work in japan. what do you think what kind of work do I get ? and currently I am learning
Japanese N5 level, so In the IT company is their only Japanese language or english is fine ?what about the computer system of Japanese company , is it all in Japanese or english ? please reply in details bro.LOTS OF LOVE
Yeah, if the company already has people like me who speak both Japanese and English then they will hire you without Japanese language skills. But I suggest you learn as much Japanese as possible. N3 is good for opening more opportunities.
Even I have N1 but the company gave me a computer with English keyboard to use, and the operating system in English.
There are also opportunities to get jobs in data centers but if you want to do programming / web dev then just stick with that.
Some companies have their whole dev department in English. Jobs on japandev.com and tokyodev.com will prove that. Those jobs are hard to get though, because everyone who can't speak Japanese is trying to get those jobs.
Where are you from? The company I work for recently hired 2 guys from India who don't speak Japanese. The guys have post graduate degree in computer science.
It will also be easier after you have a year or two of work experience.
@@WebDevJapan I'm from Nepal but i did engineering from india. Any suggestions for me bro, like the jobs sector or even language? Overall I'm fresher now and don't have experience . I'm your regular viewer any suggestions for me bro cause i want to work in Japan.
Can't you just use a json file to store all that rowitems and other data and map over it with a single rowitem component?
Interesting. That's probably better than the dumb way I did it
nice to see that video i thought software engineers do all day drink coffe, rest at cool places, eat free from open kitchen, walking around, go to the gym 😂
lol maybe some do
I've seen people talk about how they work 5-10 hours a week for $100,000 year salary.
Can't you use React's useTranslation package??
Is that react-i18next ?
@@WebDevJapan yes yes
good stuff
Learning NextJs, i'm good with Backend using Rust.
That's good for you! Knowing backend and also a less popular(?) language like Rust can be a big advantage. Like, people I know who are really good with Go make a lot of money because there are fewer people doing it.
@@WebDevJapan ikr, in terms of popularity its less popular than go. I use rust natively to get better at the language and i want to be a blockchain developer. Is there any opening for offshore blockchain devs at your workplace?
why u dont just paste thing that u want to delete in Find and replace with nothing, it will be alot faster just 1 click
Yeah, I learned that very quickly from the comments that there are a couple of easy ways to do that. Thank you!
How did you get a job opportunity in Japan?
I was already here in Japan, working as an English teacher. If you're here, speak some Japanese, and have some basic programming skills then it's not that hard to search for a job just like a Japanese person would.
We stackin’ that Yen big time like Big Ben!
Yeah Boi
Too bad the Yens crumbling
@@iCrimzon yeah, thankfully I'm in Japan so I don't have to worry about that. If I was outside of Japan and trying to do this job remotely I would be living on the streets.
nice vid
isn't that lag a problem with this new react version?
Oh dang, maybe. Yeah we just deployed it with AWS Amplify and it's much faster than in my local environment
is that boostrap framework bro?
It's called Chakra and I hate it
@@WebDevJapan Those component libraries that you install via npm have always been a pain. The trend recently has been to use component libraries where you own the underlying implementation like with chadcn, rather than interfacing with a custom wrapper api. And/or using an atomic css framework like Tailwind that prevents bad abstractions/decision fatigue when styling things.
What is the name of the theme you are using
Dark High Contrast: Default High Contrast
@@WebDevJapan thanks
i just subscribed
Thank you
Let me know if you have any questions
select the code you want to delete + ctrl+D.
Yeah another person commented that. Thank you! I'm really going to have to start learning more keyboard shortcuts like that.
sir i am confused between fullstack web dev vs data analyst which one should i choose do you think data analyst is good career or should i just go with web dev i am planning to go through bootcamp thanks
I really don't know much about data analyst. But It's obviously going tobe very heavy on numbers and math. If you focus only on front-end of the full stack you get more into creative work and focusing on making the website look good, even some graphic design sometimes.
Do you want to be more creative or more analytical?
Who else is doing the MONEY 💰 STACK???
how to do the money stack?
1. Learn foundations of html, css, JavaScript
2. Learn advanced JavaScript and web development
3. Learn React
4. Learn Next.js and TypeScript
5. GET MONEY
@@WebDevJapan I have done steps 1 to 4 but lagging with the 5th step, any tips?
@@terachad3000 😂 get scammed
@@qirat.652wdym? 🥺
is the navbar supposed to stay english?
Yeah some things like that and some headlines we want to stay English because it's cool and trendy in Japan.
Jesus is the only way to healing, restoration and salvation to all souls. Please turn to him and he will change your life, depression into delight, soul heading from hell to heaven all because of what he did on the cross
“Whoever calls upon the name of the Lord shall be saved” Romans 10:13
Amen
How did he change the language can someone lmk
I have two components that maybe I didn't show in the video: 1. LanguageToggle.tsx and LanguageContext.tsx
The LanguageContext component provides the state { isJpn } and the { toggleLanguage } method across the whole app.
I implemented useState for the state management and useEffect to save the language preference in local storage.
Apparently this was not a graceful or eloquent way to do it as I've has many people suggest better solutions.
But I can say one thing my company was impressed with was that it's blazingly fast at toggling the language. It happens instantly the way I did it. Absolutely zero loading time to switch between languages. So, that's kinda cool I guess.