Real Estate App
Welcome to the world of front-end frameworks! You should be excited, you’re about to take your first step in learning one of most required technologies of our time. Most job applications require knowledge of a Javascript front-end solutions, tried and tested tools for building scalable, interactive web applications.
Ideally, prior to learning a complex front-end framework, you'd have basic knowledge of HTML, CSS and Javascript. We are providing resources for these in the resources area. If, however, you decide to jump straight into Angular, no big deal. It's still possible, since this is an 'opinionated' framework, meaning it offers straight-out-of-the-box solutions for common web-development problems. Just keep in mind that to get to a truly advanced level in Angular, you'll have to close knowledge gaps later in your journey.
When learning JS Frameworks, be it Angular, React, Vue, Svelte, there’s a fair amount of complexity and the learning curve is definitely steep. So be patient, you won’t become an expert overnight. However, these frameworks are very welcoming to beginners. Building simple apps with them is somewhat straightforward, so be careful not to get caught into unnecessary complexities early on. We'll start by building a simple app without a back end, and progressively increase the difficulty up to a comprehensive full-stack app. 🤩
Requirements
From Angular’s documentation page: 'The lessons in this tutorial create an Angular app that lists houses for rent and shows the details of individual houses. This app uses features that are common to many Angular apps.'
This project has only one requirement: You should complete the "Home's" app in Angular's documentation page.
Resources
Angular uses Typescript. If you decide you want to jump straight onto Angular, but don't have Typescript experience, we recommend you go to the third last link, which gives you a quick intro to this flavour of Javascript. Once that is finished you can do the tutorial in the two last links, which are a quick intro to Angular, followed by the Home's App mentioned in the requirements above.
Since this is your first Angular project, we will keep it very simple. There won’t be any .NET or C# this time, you’ll focus on Angular only. And the documentation will provide everything you need for your first application.
Tips
If you haven't seen any HTML before we highly recommend you go through the HTML + CSS crash course first, or you'll end up getting lost.
Don't rush, everything here will be new, so take your time to understand each line of code.
Make notes. There are three major types of notes you can take: 1. Lists of steps to build things; 2. Concepts you're first learning about; 3. Things you find interesting and likely to use in the future. Keep your notes short.
If you feel you didn't retain much, you could redo the app and/or modify it and/or create a different app based on the gained knowledge. Tweaking projects goes a long way for content retention.
Comments
0 comments
No comments yet. Start the conversation.