Forem: Weiqing Teh // CG BOSS

How to learn React in 2024 - A Personal Beginner Experience

Weiqing Teh // CG BOSS — Tue, 02 Jan 2024 04:03:21 +0000

Learning React in 2023

My first foray into react started during 2021 as I was introduced to Angular first, not the best way to start but it is what it is.

Learning programming can be daunting if you come from a design background. So I hope to share what I learnt.

But I still took up the challenge to try something new and learn new skills.

My goal last year was to learn React, Typescript, Material UI and JSX for a project. Overwhelming 😑 for me as a start. But I saw projects using these frameworks and libraries for React.

On the job front I see a lot of UI Jobs requiring React as a requirement. So its good to learn another tool in your toolbelt.

Good to have at the start:

Its good to have some javascript programming language. this is necessary as React is based of javascript.

Everything in React is based on this so knowledge with how the language works is key to moving thorugh the code bases and seeing examples.

Places to learn Javascript & React

Javascript

Scrimba I like Scrimba because they have interactive coding build into the tutorials
Freecode Camp Goood tutorials that covers web development in general from HTML, CSS and Javascript also has interactive coding in their tutorials

Paid

Udemy The Complete Web Development Bootcamp This one also has some React Tutorials for beginners

React Courses

What is React?

Basically its a framework of codes you use to put up UI elements on a webpage that are reusable. So it helps save times when you break up your webpage into small little bits of code.

Youtube
Fireship Overview

React:

Functions
made into components

One thing about react is you can have as little React as you want or build a lot with it that is one flexible way to thing about it.

Hope you enjoyed this see you in the next chapter.

Money or Passion - Why I got into Software Engineering (Programming) instead of Animation and GameDev

Weiqing Teh // CG BOSS — Mon, 11 Dec 2023 05:25:52 +0000

Came across a topic on Money or Passion asking how some devs got into programming was it for passion or just needing money 💰 here is my story.

Image Generated with Maze.Guru

YA ME HICISTE MAL - GIPHY Clips

GIFs with Sound - Discover & share this YA ME HICISTE MAL Clip with everyone you know. GIPHY is how you search, share, discover, and create GIFs.

giphy.com

My passion was Animation and making Games, since 2012. I really wanted to go into the Games industry as an animator or concept artist but here where I live the studios were closing such as Lucasarts back in 2013 and now Lucasfilm and exiting totally.

Across the bridge there is a thriving industry but mostly it’s a place for lower cost external vendors. Seeing this reddit you know there are scandals and it’s not rosy. I was a bit disillusioned and discouraged about this in 2017-2018 and tried to pivot into UX Design doing a bootcamp, thinking it would be better but it was not long lasting the short career stints, and finally I wrote about my pivot to Coding Web dev in 2019 desperate to gain some stability in career and earn some money.

Programming seem always in demand

Coding was the only thing in demand back in 2013. Even though layoffs abound now in 2023. There always is a steady stream of jobs if you are ok with doing certain types of coding jobs, such as web dev. Some notable coding jobs was Frontend and Full Stack Development that happened to be in demand.

I will probably write about my experience on how being self taught developer can be good or bad but it was a clear there were more jobs in coding than doing animation work or game dev which was so minuscule, you can count easily on Indeed job boards.

Pay Scale difference

The pay scale between the two was also different for starting out. A junior Animator back then in 2019 was about $3,200 avg per month and a Software Engineer (junior) was $4,500 avg per month. Just searching for developer roles you could make about $1,300 more easily.

These numbers are estimates from back then where I live and it could have changed, but the truth was many jobs in creative paid lower than Software IT Development.

This was the closest table I could find from that time period for developers salary.

Source: https://nodeflair.com/blog/singapore-computer-science-salary-trend

AI Threat and Automation

While one of the reasons was for money the other was a threat of looming automation in creative fields, as told by one of my lecturers. He did not say A.I. and referred to automations of lower values jobs in animation and games getting semi automated by the computer, on hindsight I feel that it was far fetched that AI would catch up this fast in the creative fields, cause everyone thought it would go for blue collar jobs first.

Thinking back it made me have this idea that it is better to program for the API code rather than work for the API.

Everyone should learn to code

There was the hour of code video and many goverments promoting that coding can lead to a great job in Tech.

So there were a lot of coding bootcamps that sprung up not sure there are still around but it was an indication to go into Tech. So began the journey in early 2019 to look for a job in tech.

On Passion developed overtime

I look back and can say i went tinto coding, for the money but I do think I have a small passion on it as I learned more about coding. It gets developed overtime.

In conclusion, went in for the money but slowly developed a passion for it after a couple of years.

Nights and Weekends

Weiqing Teh // CG BOSS — Thu, 07 Dec 2023 02:06:07 +0000

Work on your project on Nights and Weekends to learn and build.

I came across this website Buildspace where it has a Nights and Weekends programme to join, creators builders come to make their projects and ideas.

Each Project lasts 6 weeks, which can give you enough time to validate if you want to purse this further.

There is not workshop or class just making progress on your work, they do have a weekly lecture or check-in, but for the most part you have to figure out how to make you project. Eventually at the end of your finished project you have a demo day.

What If You Can't Join? No Problem

Now, let's be real. Maybe joining a structured program like this isn't in the cards for you. Fear not; there's a workaround that packs just as much punch. Imagine creating your version of Buildspace Nights and Weekends right in your own creative cocoon.
Feeling a bit strapped for time? Take a breather between sessions. Want to keep things light? Scope out your project with a bit less intensity. The key is to keep the momentum alive.
I did that with Game Development to assess tools such as unity and unreal engine. This was done in-between projects during the pandemic.

My Game Development Journey: A Case Study

Here is a personal story of how I stumbled in to this accidentally. I took this approach with game development, testing the waters with tools like Unity and Unreal Engine. No grandeur, no pressure—just dipping my toes in the coding and learning C#.

During the pandemic, with nights and weekends as my canvas, I embarked on a mini-odyssey. In the span of 6-8 weeks, a tiny game emerged from the chaos of code. A small space shooter where you shoot asteroids to get points.

Youtube Link

Sure, it wasn't a magnum opus, but it was a step. A small game, a giant leap for my understanding of programming and game development. I learnt the basics of C# and understanding functions and making objects move on a screen. I also spent a lot of time googling for answers.

Not sure if you have done things on your nights and weekends. Hope this post can inspire you to consider building you projects in 6 weeks on nights and weekends.

Do share in the comments, if you are working on anything.

Here is some Vaporware Music for those Nights and Weekends

Youtube Link

Links about the Programme:

https://buildspace.so/

Review of the Buildspace Programme

Career Switch: How I moved from Animation to UI Developer role

Weiqing Teh // CG BOSS — Mon, 30 Dec 2019 09:40:41 +0000

Note: This is a long blog post about my story on how I got to be a UI Developer.

Image source: https://dribbble.com/shots/4502924-Python-developer-animation

How does one move on from Animation into a Developer position?

What skills do I need? Besides Tech Skills?

I am currently doing work as a UI Developer and this is my story, how I landed a Developer job in 2-3 months after graduating from an animation course by doing some self-improvement and self-learning new skills.
This is a recount of how I went from my time at Animation to UI Development.

Re-evaluation

After graduating from 3dsense and doing a short graphic design project while applying for animation jobs. I decided 2 months in I needed to pivot away for a while from doing animation.

Earlier I was applying to the various animation jobs and only had 1 art test for a CG engineering related position. I failed it. I also tried to interview for motion graphics jobs but my portfolio was not relevant, since it was mostly 2D and not 3D CG type works.

Looking around at the marketplace on various job boards for jobs animation was not so 'Hot' right now where I lived. It was getting worrying that I could not find any job as a junior animator. Plus I had to feed myself. The thoughts of a starving artist mind was creeping on to me. I wondered if I have to end this story for a while.

The option to working overseas as a junior animator was not feasible right now.I kept hearing on the news and seeing my facebook feed about Tech and Programming initiatives that the Goverment and companies are promoting. Recalling my time at General Assembly there was the coding Bootcamp, but I never took much notice about it as I felt I could do better in the creative space rather than being a tech geek. Perhaps my impressions were not so good about programming having thoughts it was hard. But I decided to just see what it was like in this space since I needed to find work.

https://www.imda.gov.sg/imtalent

Getting Back to Software Development (Research)

Back on searching the online Job portals I had to make a comparison between animation and tech jobs. I felt it was important to see how much salary and opportunity demand were for Tech Talent and to my surprise I found more hits and results than even UX Design or Animation.

Reading more articles on Google about future tech trends made me realise having some knowledge about Tech and development roles have a better prospects for a while. And it is something still valued in the economy as Hard Skills. Tech skills were still in demand for now I concluded.

This made me realise I have to get back into programming.
One point to note I won't be starting at a ZERO beginner base, as I have had web development experience from long ago except it was PHP and HTML CSS. Looking through the jobs on indeed.com I found most tech job requirements were different from what I learnt. It was asking me if I have experience with many new languages like Python, Ruby, React, Angular and Node.js.

Web development is looking very different than what I knew.
I was undecided if I could go back to do the 3 month course like at General Assembly. Or try to work though there were a few new ones coming up and the controversies of bootcamps and job placement, where many students were promised a career in tech but realise how hard it was and the programs were a touch and go kind of thing and not deep enought to build deep expertises.

But having attended some Tech Exhibition event it made me convinced that I had to go to one of the bootcamps to gain relevant and marketable tech skills or do my own personal learning online.

Bootcamp and Techskills Accelerators

Having learnt about Tech Skills in demand and the possibilities to gain these skills through coding bootcamps I had to narrow down a few courses / schools.

From the IMDA website.
https://www.imda.gov.sg/imtalent/programmes/tipp#EligiblePartnersandCourses

I started to apply to the various coding bootcamps to learn more about the course and when their intakes begin throughout the year. There were all kinds some 3 months some 6 months and there ware even one at a Hospital College. All these programs promised the career transition or switch into the tech industry regardless of your background.

I applied to one of the courses and was given a coding test. This introduced me to Code Wars an online coding challenge platform where you answer coding questions. They wanted to evaluate my competences before enrolling for the course. Besides the test I had a breif phone interview where I was briefed about the course and what to expect. I was given some practice questions to try out before I could attempt the actual Code Wars Test.

But even though I was trying to apply for courses and doing the test and trial questions, one thing popped up I had a lack of funds and I could not apply for any Goverment Grants for training as I used it up at 3dsense for the current year.

This made me stopped the coding challenges and test and had to find a way to restart another way to learn the skills of software development, without the guidance of a coach or physical course.
Somehow the thought of applying and not going to the bootcamp was better in hind sight as I felt I already graduated and got a Job my mindset was so different than when I was at 3dsense where all I wanted was to be a game animator.

Hacking my Skills through Ultralearning

Updating my old programming skills in 2019.
I though of using what I learned in Top Performer and finding relevant online courses to hack my skills to gain some understanding of a Tech Developer Role before taking the plunge into an actual developer job. Since I was not starting from a total Zero base and had some programming knowledge. I remembered Scott H Young studying for the MIT-Challenge in a year and blogged about it, he also recetly published a book about ultralearning a method of picking skills fast but I did not know it at the time. And I needed to find the relevant Skills for a job in 2 months while upgrading my resume.

I started watching Stefan Miscook Videos to get a rough idea of how to get into Web Development. One thing that he says in his videos is to check what is in demand for your market. It could be PHP or Java or Python each region will have different market needs.

https://www.youtube.com/watch?v=VlnR97aD8eg

I also looked at Job boards like Indeed to see what the Marketplace wants to learn what I needed to know to get a Job. Many Jobs wanted HTML, CSS and Javascript. Some wanted Angular or React but I felt if I learned the basics of web dev the skills can be transfered on later to these frameworks.

Staying Motivated

I started to google and Read Blog posts about how others switched jobs and tackled programming challenges. This motivated me to know that people out there have done it as well. There were many stories about regular people making the jump to tech and even working at Google. I know motivation stories like these can't replace the work you do but its a good Spark and starting off point to remember that someone else out there has done it.

Bunch of Articles I read on other developers

Starting with Basics HTML CSS Javascript

It seems to narrow down to a few languages Javascript and HTM, CSS which were a requirement in various Web Dev Jobs.
I started out by watching videos on Lynda.com and some free Youtube Videos to refresh my HTML and CSS but I watching these courses I stumbled upon Freecodecamp and Scrimba. which had both lessons and live coding practice you could use to learn. These were Freecodecamp and Scrimba.

FreeCode Camp

After watching some of FreeCode Camp videos I started to do the basic exercises to gain some practice on using the code languages. One good thing about FreeCode Camp is there is a roadmap to learn the necessary skills for web development. Later I used it as a sylabus research as I switched to Scrimba halfway after discovering it via Youtube.

Scrimba

I really like the Scrimba platform as it has an audio lecture with demos of how the instructor solved their coding problem or explain concepts kind of like sitting in a classroom seeing them work. You can pause the audio or lecture and play around with the code and see what you get. The previous version of Scrimba was less organised so I used Freecode camp sylabus to find the relevant courses mainly Javascript and HTML CSS (Right now Freecodecamp has material on Scrimba as well)

Other Learnings

I went back to Lynda.com to learn programming concepts like what is a Variable, OOP and some basic Python knoledge. These were more higher level concepts that you needed to know like how a program flow and since Lynda.com had an App I could play the lesson and hear through my iPhone Headphones while commuting. Just to stay in touch with the material consistently.
I tried to clock in 2 hours of learning and practice since it was a short lesson followed by practice in the web browser. This helped to reinforce the concepts learned.

The main key point was not to learn a specific language but general programming concepts that can be brought over to other languages or frameworks.

Resume Rework and other 'soft skills'

At this time while learning to code and trying to get a Job, I went to a career counselling session where I met with a career advisor to help me understand how to get a job in my current situation.

It was a good sessions where we go over things like how to present my resume better tailored to the industry and adding the right keywords for the specific Job i was applying for. I was tasked to get my resume / CV more focused for the job. I was also told to showcase that I am still learning about new things and showcase that I am upgrading myself it can even be online learnings.

One other option I was told was to try internships or Job Trials for roles lasting 3-6 months this is for me to get a feel of what the job and role in the industry would be like. Most of the placement would be facilitated by MyCareersFuture Center.

After listening to my Career Coach and making the edits to my resume / CV, I submitted my new resume to the MyCareers Future Portal to be considered for job vacancies.

In-between I went to take some free interview workshops and learning how to answer interview questions and presenting my past experiences. One key takeaway is to learn to get next step, was to register for various tech related career fairs. I found one right through one of their Facebook Ads held at M Hotel.

Career Fair Getting Interviews

Going to a career fair had 2 Goals

Talk to Recruiters to understand what kind of available jobs are out there in IT
Gain Face to Face practice Interview Skills

The career fair was a good chance to meet people in the industry.

I spent the afternoon there talking with various recruiters to understand what people were hiring for. Some kept my resume. Some had a long chat with me about my career history and interest in Tech.

I learned that Python and Node were popular choices. But if you have skills in Java you can still get a Job but it was for enterprise level systems developed quite a long time ago.

I looked mostly at Front End Jobs since that was more closely related to what I was learing on Scrimba. I wanted something along the lines of Web Development, but some required a specific framework like Angular or React.

After dropping off my resume there I waited. One of the agencies called me up and setup me for interviews with various companies. Thanks to the career fair I was Lined up for 3 Job interviews for the next two weeks.

Interviews

I won't go into detail about the interviews but 1 out of the 3 interviews had a technical test. They wanted to see if I can get my head around Angular since I only had some Javascript experience and was learning ReactJs on my own.

The other two interviews surprisingly did not. I just talked about my past experiences and showed some demos I did on my Laptop and describe my past relevant experiences with working with Microsoft Sharepoint designing and deploying webpages.

Later I was contacted by of the interviewers that they wanted to offer me a job to be a Developer in Financial Services. Doing Dashboard designs and Working on Front End Code.

Final Thoughts

This is the end of my story it was a long journey to go from an Animator wanting to work on game projects to now doing Dashboard and UI Development.

If you are planning to learn code and get a job, look at online courses like FreeCode Camp, Scrimba and Lynda.com these are very easy to learn and with the hands on practice you get doing the exercises you are well on your way to solidifying the concepts.

Go to career fairs, these are better than tech meetups as there is a pool of companies ready to hire candidates. You get better chance of exposure to the recruiters and see where you stand.