 We are the team of Avocados. You know, we have the pun, it's avocados and coders together. Yeah, okay, clever, right? Okay, so we are called the Avocados out of inspiration for our clients who promotes a plant-based and eco-friendly lifestyle, but also because avocados are really awesome. Woo! So, meet our Avocados team. So, first we have Vanessa. Hi, Vanessa. I'm an application engineer for the automation industry, which means like a machine's popular kind of automation. Hi, I'm Alice. I'm actually in HR now, but I'm actually going to find a new job. And I'm going on that. I'm currently doing a few things. I'm a YouTuber, but I'm also a part-time freelance coder. I just fix random bugs on people's websites. But I dropped out of my computer science degree for after two years, but after this coding bootcamp, it's inspired me to actually finish my computer science degree. So, yeah, I'll be grateful. Okay, so the three of us, we met through tech links and we bonded over our mutual interests for coding and solving problems together. And while I'm talking, I'm going to play this little montage that I filmed from the very first class until the very last class. Now we got together on the day one and we got a lot of interactive lessons. And yeah, that's how first looked like our website. It wasn't very beautiful, obviously, but yeah, so we built this app to promote more sustainable living. And what's really cool is I'm actually a vegan myself. So this assignment was really exciting for me because I'm just really excited to promote veganism. So, Earth-wise goals are to educate and increase awareness on sustainability and personal actions beyond the best. They also want to build a community that is committed to sustainability in their daily lives. Earth-life also wants to provide resources on the six components of Earth-life. Plant-based diet, zero waste, biofilia, advocacy, minimalism, and CO2 positive. Earth-life also wants to provide tools for self-assessment and suggested actions. So current challenges that the organization is currently facing are having a single page website dedicated to EarthBest. Traffic to the current site is mostly during the period before and just after EarthBest. And also, there is no dedicated IT or web development stuff because it is managed by a group of volunteers. So as the Albuquercer team, we present to you the Earth-life quiz. Thanks, Brianna. During the live demo, we've been much easier now that the audience is actually pretty keen to look at what our work at is about. So after weeks of much hard work, frustration, and after fun, we have a responsive single page app. What this simply means is just that you can view this application on different browser sizes. Like you can view it on Tagline, you can view it on mobile, you can do it on desktop. And single page links that just run as a page and all the contents are with updated dynamic. So let's start. So this app is actually divided into two parts. The first part is the quiz itself and the second part is the actions that is generated based on the quiz responses that it puts in. So for this part, before you start the quiz problem, you actually have to choose a given habit. So let's choose the fun-based ballot. So for each of these categories you can see used a lot of common elements which has been repeated. First, we'll have an image associated with the category. The title of the category is still as to contain a structure solution of what it is about. So for the plant-based ballot, it's about choosing to get most or all of your nutrients from plants instead of animals. Again, you see a lot of common elements, drug, design, they're all used. This is part of it. This is the quiz question itself. You can see that there is a progress bar at the top and it shows like it's 30%, around 20% really done. So this tells you that you are probably the first question of a total of three questions for this category. So the next part, you can see that there's a question and the options that's available to you and the next ballot and the return menu where you can go back to the main running. And at the bottom part, you can actually see another progress bar but this shows you where you are specifically at in the quiz itself. So let's do the quiz proper. Have you watched house accuracy? For myself, no. The second, did you know all plants and mushrooms contain proteins? I know some. And this last question you can see the progress bar has reached to the end. So this is the final question. On an average, how many days do you eat animals? I don't eat animals, I don't eat animals. Okay, so this, we have tried to learn the next part of it. So choose a really hard answer. Okay, let's view this on the mobile view. It shows you how we did it. So it's responsive as you can see on iPhone. Okay, let's go to buy a failure. So the state content you can see is just better, slightly different, right? And if you notice, there's a turn to menu is actually at the bottom instead of at the top. So this is just part of the design. Okay, let's do the quiz. On average, how often do you really take time to go and spend in nature spaces? Maybe a few times a week. Then on holidays, do you choose trips that give you time to experience nature? Sometimes to just to interrupt at the bottom part you see the icon is colored, so it shows that you actually completed the cloud-based category. So next, do you grow clouds? No. So the point that you close up your leg, what do you do? A few options, but for myself, it's the second one. Ten times and push it all gently. Then third, okay, this is the last question. This is the last question. How many babies in Singapore's babies can be named? It's a bit small, so I'm going to open it up. I can't really name them, so let's put them. Okay, now you need to put them in. Okay, now the dozen are reached the end of the second part. So I can actually go on to click another of the living habit by the time the screen is picked to results. So for this results page, you can see that this image has been generated. So it's generated based on the response of the quiz that I did just now. So I can actually choose to share, okay, I actually go much higher in five days, as you can see, versus the value of a year. So you can actually share this with your friends on Facebook. So it's a bit slow. Yeah, so you can share it high and post it. That's the tester account, so it's right. Okay, or you can download it and share it on other platforms. Okay, so next it will be on actions between the testers, we will take this to you. So after you answer the questions, then you can actually click this button to get the actions. Basically, we will generate some actions that you can choose whether you want to. For example, you answer that you have not watched conspiracy. So we suggested that you watch conspiracy. So you can choose whether you, yes, you want to watch conspiracy or no, you don't want to watch it. So let's pretend that you want to watch it. And whether you want to learn more about plant-based nutrition. So you can also drag the card to answer whether you want to do it or you don't want to do it. Start cutting back on meat, dairy, and eggs. I can't do this. Spend time overcoming any fogears of insects. Maybe not now. Start running in Singapore's park or, no problem, or join nature walks. Okay, sounds good. And by the end of it, a tool is to be generated for you. So these are the actions that you pledge yourself to do. So what you can do is you can send this to your own email or you can print it out, but we encourage you to be Earth-friendly. So please just save it as PM instead of printing the whole thing. Yeah, and you can see what are the things that you pledge yourself to do. And after the whole thing, you can even go back to the main page and maybe you can visit the quiz again and you can see maybe the rest of the quiz that you haven't done and you can redo it. All right, so that's the end of our demo. So let's go back to our presentation. Okay, our stories. So let me start with our journey. Before we start coding, we actually set up scopes based on the NGO requirement and the timeline available. We only had three months and we only meet up once per week every Saturday. So there's a limited time available. So we decided on the stack, view for front end, Google spreadsheets for the database, Trello for project management. And then we learned the basic of GIT, HTML, CSS, JavaScript view. All of us usually, we know the basics of HTML and CSS. So usually we focus on GIT and JavaScript. And the process is usually like this. The designer already has the mock-up of the website. So we see their design and then we try to do it by ourselves and usually we will get stuck. So when we are stuck, then the coaches will help us. So usually they will give us like a suggestion or they will give us resources to read or through practice. And then we redo and we try again. So you repeat the loop again. And finally when it's done, then you do a pull request. And the coaches will review your pull request. Sometimes it will get rejected. And they will tell you how to improve your code. So you need to revise your pull request until it gets excited by the coaches and it gets merged into the master branch. So this is how usually the process is like. So what I have learned from this bootcamp, the first thing is find the most effective ways of learning for yourself because everybody has their own preferred way and there are more than one ways of learning. So please try different ways, different methods and find the one that is best for you. Second, have a clear goal of what you want to achieve. A lot of people when they try to do a tutorial, they do halfway and then they get bored, they got discouraged, then they just stop halfway. It happens to me, happens to a lot of people. And what I find works for me is to have a clear goal of what is it that you want to achieve at the end. And please make it motivating for you. For example, if you like dogs, then maybe you want to have a website about dogs. So when you're doing this tutorial, you think about, okay, at the end of this tutorial, my website is not gonna be about this tutorial's website. It's about dogs. So when you get bored or when it gets difficult, you will think about your dog website and you are like, yes, I want to have my website, dog website. I want to show to my parents, to my friends about my dog websites and it actually gets you motivated. And the last one is don't give up. So this may sound cliche, but what I like about programming is that when you spend a lot of time, a lot of effort trying to solve something, and when you finally manage to solve it, that is the aha, the oh, it works on that moment. And actually that joy is what keeps you moving. What keeps you want to keep doing programming. But you can only get into that stage if you don't give up on your problem. So when you feel like you get stuck when you feel like giving up, my suggestion is to ask for help. So you can do that from the online community, like Stack Overflow or the local community. Yeah, get to know your local community, approach someone, maybe they have some suggestions for you. Yeah, so now I will pass to Alice to talk about her experience. So this is the three main lessons that I just want to highlight. Fading first before you go. So this, most of the time we think about this in terms of the JavaScript we write, we seldom think about the styles that we write in CSS. So, because we actually are not using a product and like really like a bootstrap or our project, so it becomes even more important that we actually think about whether should we put the pen into the button element or should we actually put it into the paragraph. So these are some of the things that we need to think about. Another thing is really documentation is not as scary as it seems. Pretty much when we learn new things as a beginner, we tend to actually do tutorials. But I find that actually reading documentation sometimes helps you to actually understand what you're writing, not just copying whatever is on the screen. So, and you also understand better, I think. Sometimes, actually it depends on the documentation of some whether it's detailed enough and whether you understand. Yeah, okay. Lastly, it's another way of using it. So should this bootcamp be actually used is grounded in the place called? It's not in it? It's not street. It's not street, sorry. It's not street. And sometimes it's not street. Okay, so it's quite a useful tool. It makes, I think it makes me write better deep messages and also I learn how to do deep conflict deep conflicts as well as how to avoid deep conflicts The coaches tell us these challenges you need to meet your own, your changes that you might have to go through in the comments. And then, so, thanks, I'll pass that up to you again. I mean, I learned a lot during the last few months, but if I can just pick three, they're the most important, I'm gonna share with you all is learning how to use getting property because it'll prevent you from bigger problems later on. Don't just type randomly commands in the console. You don't know what they do first because the amount of time is I've accidentally committed things to the wrong branch and then having to delete that commit and then committing it somewhere else and just makes a big mess. Another thing is that everyone has a different coding style. So make sure to always leave good descriptive comments and never hesitate to ask your teammates for clarity on their code. This is especially really important so that way your teammates don't come to you later and say, what the heck were you doing here? It's better to just be as transparent as possible. And this one is more like a note to myself, but don't use did or spam classes for everything. Now definitely utilize those H1 through H6 classes. Don't just put everything in the did because there's some classes built into HTML already that can do a lot of the work for you. Now the code is supposed to help you. You're not supposed to do all this extra work, right? But here are some misconceptions that I just wanted to address really fast. So one of the most famous misconceptions is that coding is only for boring smart people and specifically for men. That couldn't be any further from the truth because through various female-oriented tech groups I'm a part of as well as tech ladies organization I have joined, I have met some really talented and really awesome women who are also really fun to spend time with. Woo! And another misconception is that coding is just a bunch of math. I just wanted to say that during this whole entire app that we built I then once needed to take out those calculus skills I learned in college. And I didn't need to know any, I don't think any of us needed to know anything more than just a basic level of math. So I truly believe that this rumor needs to end and that universities should re-evaluate their curriculums when it comes to math. And lastly, this is not a lesson I've learned but this is just a suggestion for those who want to learn how to code but don't know where to start. So how I started was by taking free interactive lessons online. This is before I started studying in the university. And my favorite sites where I got to learn the basics of coding for free are codecademy.com. You can learn how to build a website completely for free by yourself. And I think that's really cool. Or you can go through a site called FreeCodeCamp. Or there's another option if you like to kind of watch people code there are live streams out there as well as YouTube videos of people coding. That's how I self-talk myself job about because like I said, universities will have the best curriculum. So when I was trying to learn Java, I was like, I don't know what I'm doing. So I just literally watched like just dozens of hours of Java online. So the skills I have learned from this bootcamp has actually managed to lend me some freelance work just because I posted my journey of tech ladies in social media. And so I've been working for various clients around the world in clean companies actually based in Silicon Valley. I love being able to work anywhere in the world and gain experience as a developer. I kind of pick up more clients for part-time work while I finish pursuing my degree in computer science. After I graduate, I want to work in a small team of passionate voters and gain the working experience. I need to start my own company one day. All right, well thank you so much. I just wanted to thank, I give a huge thank you to our coaches. So let's give them a round of applause. I want to personally thank Chion, Eshu, Sheldon and even Cherlene. And you know, just thank you so much. We, this app wouldn't exist without you guys. So really, it means a lot that you were so patient with how, I guess, how slow I can be sometimes. But thank you, I really appreciate it. And if you want to try out the quiz to see how sustainable you are, please visit the website on the screen there, earthfestsingapore.com slash earthlife. So please take the quiz. Either of you want the app really fast? No? Okay, just want to make sure they got everything they wanted to say. Yeah, they can come on Q&A when you're happy right now. Got it, okay. Could you all look in the back of the culture? Do you want to join them on camera? I think it's very easy to demand that male coaches are always more awkward than usual. It's okay guys, we love you. We appreciate your confidence. Okay, so, I think like, we're going to talk about touch on a bit about resources. I'm just curious to see, you know, what a lot of people they want to start they have to go in mind. You don't know how to get there. So like, how would you, what advice would you give to people like them or resources that you recommend? Tell people then and go again. I would say find someone that is a developer and ask them to be your mentor and maybe even shadow on their job. I did that one time when I was living in the US, my next-door neighbor was a software engineer and I sometimes shadowed under him and that was pretty cool. And the company I was working for at the time, I was someone's shadow of the engineers as well just so I can see what a day is like. It's an engineering to be like. So, just talking to people is I think one of the best resources. Myself, I think I'd like to actually have, to have a visual idea of where I am currently now and what other things I need to do. So I had to do this, I use actually a channel to shut down my compression. In fact, there are actually resources out there. I'm glad they love the channel, I do love the channel but they have a lot of things that they need to do. I think there are books that they suggest you to read as well as some of the YouTube channels that you can watch. If you want to share the link with your current member of Hannah, I can share that with you. Okay, I can barely speak for myself. So what goes for me may not work quite equally but for me personally, when I know nothing, I learned each channel in secondary school but I know nothing about CSS and JavaScript. I started to go again, people can, because I know nothing and that is a good start. And when I know something, so from there you know what to do but you don't know why you do that. So after that I did a book because book usually will talk about foundations, theories and usually they will explain why you do things like that. And after I read the book, then I joined the book camp because you get to see the professionals, you get to learn their traits of the trade and you actually get to ask them, like why is it like this and why is it not like that? Yeah, and I think this is a very good example. So for example, like this book camp, right? I think it's most effective if you actually have some background. So it can make the most of these resources that you have that you can ask them questions about all, after you've been learning for a few months or years, you have a lot of questions in your mind that you can shoot all the questions for them. Yeah, so this is what I looked for. Let's hear some tips of the trade from the resources. And what resource would you recommend for someone who gets started? I think the best resource would be, I think the best resource for me, for my side, okay. So the way I learn all my programming stuff is like the most basic one, which is Google. So yeah, I think like for me, I, the one thing that you have to learn is how to Google for the correct terms so that you can find the exact things that you want to find. So I've seen a lot of people who like, I tell them Google and then they're just like, Google but can't find anything. But when I Google it, I find a lot of things. So that's like the difference. So you have to carefully choose your terms, carefully choose those Google search tricks and stuff. And then in the end, you still find something to learn. Yeah. And after that, the whole internet is your resource, basically. I think like, you wanna say the best way to learn is to practice it. So, you study with a framework that you react and do, I think nowadays it is called code set box. So it's like, you kind of have an idea of lying all in one place. And I guess the biggest way to do that is to be a prototype something using this team and you want to do that and train to learn. And yeah, also there's code then, and there's CSS and JS and everything. So you actually use all these tools to really just try and instruct them whether they're just really not using it. So I think that's pretty important. I think for me, when I'm starting out, I still dependent a lot on books because I don't know everything. If you know something that you're gonna share, most people would want to be contented for it. I realize that a lot of knowledge has still a lot behind books. So why are you here today? I am still reading a lot. Not so much more, let's say, simple code but more of a concept to how you approach things. And I think one thing that wasn't brought up will be Twitter. The authors of a lot of S&P Act, of you, they're all available on Twitter and they're always quite open to be talked to then. So if you have any questions, you're just gonna leave them there to eat all. Just look at what you're sharing and it will sort of help you with more things to be covered up. Because you know what you're gonna look and then they can show you the things that you're gonna look. Okay, so I'm gonna ask one question and then we're gonna open it in the form for more questions. So I'm curious in all of your learning journeys, what is the biggest challenge that you face and how do you overcome it? I think for me, I have to learn how to slow down. I think for me, after a while, I can't use to do things very, very fast because I can't use to it. I do this every day by programming. It kind of reminded me when I was learning how to code in the beginning. The beginning is basically. So last time, for me, it's like I have to learn everything myself. So it's kind of like different than nowadays. So last time, I had to learn everything myself. I had to Google everything myself. I had to try logging myself. And after that, I have to learn how to teach or how to explain whatever I learned back. So it's kind of like, there's a lot of people and I have to output everything them out again in a more detailed and slow way because if I talk too fast, then you won't understand what I'm talking about. Yeah, so that's one thing I have learned a lot from this book, actually. And I'm sorry, really, because I think there are a lot of times when you've been doing this for many years, then some things you're just doing completely without thinking so much. And essentially realize that these things need to be learned and kind of go back to the start. And these things school your students. And it seems that actually, I've never really talked in like a structured, formal course before. So I think you can realize that this is testing the time and the teach and kind of do something. So it's important that it focus on every lesson, like what I'm going to teach about the end of the lesson and, yeah, but do it otherwise with a long time for the rest of the lessons. I think most of the time, in the previous years or something like how, when someone approaches you for a question, I think we're very quick to go, okay, this is the answer. Because it happens at work also, when people ask you a question, you're like, oh, can you teach me what I'm supposed to do with, and then you really have to really answer for it. But it doesn't actually help someone they just keep an answer. So I think probably also then, like if you ask them a question, sometimes you can ask that and another question that like, is this the assumption that you made or how are you thinking about this way and not just go straight to okay, I'll tell you, this is the answer. I think the most challenging thing for me is learning to ask better questions and learning to ask the right questions. And sometimes I would get overlapped just looking at an age of a month up and I'll be like, oh my goodness, like it just, also I have a bunch of thoughts in my head but that'll kind of make my mind go blank. So I should have taken the time to ask very specific questions because in reality I actually could figure out a lot of the issues by myself but there was just maybe some small areas that I could ask questions in. So like, for example, so just going to approach and saying how do I make a stage or maybe I won't ask it that broad but I guess that's just an example but maybe instead I should ask questions. How would I use JavaScript on this button? Like what is the best approach for that or is it best structured a page with these elements, you know? Instead of just asking someone, hey, guide me in what you should think, I wish I took more risks to try and use myself and even if I wasted a lot of time and I have to throw away the page, I wish I did a little bit more of that because that was kind of a challenge for me because I was just afraid of wasting time. For myself, the biggest challenge I've had is there's so many things to learn out there so what should I be focusing on? So I guess the only way out is actually try to learn through this again. I have a channel, what do you want to learn? Really think about, I guess time management because we only have that many hours in a day, what do you want to really focus on as well as doing a project? For instance, our app really had to focus on what we need to do and so we just picked up the secret, none of us know how to do it with you so we really, because there is this task in front of us so we need to do it, so we really focus on what we need to learn and that's how we do it with them. My biggest challenge personally is to keep myself motivated. So self motivation. So I can have a lot of projects and I can abandon them halfway and nobody knows the way and all I do is, yeah. So this is a weakness of mine and I sometimes I think we can force myself to finish it, to force myself, but of course I, well I'm gonna keep on that, yeah, but I do the work around which I generally can't because now I am actually responsible for something and if I don't finish it, somebody gonna screw me. Yeah. I'm sorry, we don't do that. No, we don't do that. If they're nice people, we won't do that, yeah. But it was so guilty, like, oh, I'm ready to hand you down because of me and now I come to design to work hard, yeah, and actually when I work hard then I learn a lot, yeah. So it's a work around that, because I know what is my weakness and I work around it by doing things like this, yeah. So, yeah, this is my best challenge. Okay, are there any questions from the audience? Things that you're curious about? How can I continue? Actually I finished a quiz together, I'm very engaging. Okay, here are two questions. One was, how much time do you want to spend like to understand more of life? Like, because I thought a lot of content in the quiz itself, like do you need to take some time to read it out or you feel like you better understand the topic yourself? And number two was, how did you divide up your past, yeah, during the project? It's, yeah, we have to show our theory that you're in KTL school, I'm going to run back to your room. Also I'm getting a lot of, like, chapters saying how awesome your app is and what do you think was with me, like, spying out? Thank you. What was the first question? The first question is, how do you get all, there's a lot of content, right, you're saying? And then how do we organize all this content, is it? Oh, okay, actually the content, yeah, there's like, the NGOs have already given us some sort of content and then the designers, every one of us will like, discuss with each other and then try to like, say, which part of the page goes where? So if you look at the quiz, right, there's a lot of things like categories and a lot of like questions and answers. So all these are mostly done by the NGO. So they decide which content they want to show and the thing is, the site actually is, the backend is quite simple or the database is quite simple is the Google spreadsheet. So the NGO can actually go to the Google spreadsheet and change the data. So you can kind of go to the spreadsheet and then change it and it will be affected on the site itself. So it's good for them, like, easy because the Google spreadsheet, everyone knows how to use it and it's good for the site as well because it just updates. Yeah, so most of the content are from them. So, and of course it has to be organized in a way or else, yeah, because, yeah, because everything affects the website, yeah. So luckily we will build it in a way that it can cover a lot of type of content. If you see the questions, right, there's a lot of types of questions. So we have to accommodate a lot of like use cases. Luckily it works for a lot of use cases. Yeah, that's good, right. And then your second question is what? How do you put down the cards? Yeah, how do you put down the cards? Okay, so I regret for me that I said we didn't have a strict process. Exactly, the three of us were pretty bare with each other. We just kind of were like, I want to do this page. I want to do this page. And we all just kind of agreed and we all got along and the one was fighting over pages and then worked out. But I imagine in a big company that's not how it works, it was the sign passes, right? But that was really nice that we got to pick what we wanted to work on. And we, I think we did a good job because we all picked what we liked. So, but I'll let Alice do the rest of this. I guess those things that we don't like, we will assign it to them. I don't really recall much of it at some time already, but I'm sure we have to do the things that we don't like as well. Yeah, if I'm not visiting them, we have like a little list. They're coming to like our pictures. They just list on trailer. It's not like, okay, now we're ready to list and then when we're done, then they look, okay, now what's next? What's next to, then we just pick anything from this trailer. And this is the symbol and we just want to give it a chance. And there, thank you very much. See you in the next class. Okay, I think I'll go get it. I'm going to run it off.