Welcome to My CV v2 - Junior

Table of contents

1. What do you get out of it?
2. How to start?
3. How to get better and earn money with this project?
4. Requirement
5. Other My CV levels

What do you get out of it

This is your first PROfessional website where you'll:

1. discover techniques to build and maintain websites with ease
2. master how to collaborate in teams by using tools like git and GitHub
3. writing code using a feature based structure and components
4. generate HTML using PUG and CSS using SASS
5. use Visual Studio Code as your editor
6. adhere to the DRY principle (Don't Repeat Yourself)
7. use simple icons by creating custom fonts
8. read a design and create pixel perfect interface
9. read instructions, understand and follow requirements
10. create a SPA (single page application)
11. build multiple sections like: about me, let's connect, skills, experience, clients, portfolio, I'm proud, Open source, References, Recommendations, Frequently Asked Questions and a menu
12. deploy your website online without the need to buy a domain name or hosting
13. record and implement videos from YouTube
14. optimise for speed of loading and rendering (display content in the browser)
15. optimise CSS for critical rendering path
16. master CSS tricks
17. implement a responsive layout
18. meet the user with a light or dark theme
19. achieve a perfect Google Page Speed Score
20. create lists, accordions, modals
21. separate data from presentation using JSON or Yaml
22. discover the basics of JavaScript

How to start

1. If you are a mentored or wise member of CodeTap Academy you want to get in touch with your mentor-assistant or mentor so they can create for you a dedicated branch. (Skip this step if you are not wise or mentored member)
2. Find the Fork button located in the top right area of this window and click on it. If asked, select your personal GitHub account. Watch this project being copied over, it should only take a few seconds.
3. Now you're in the project on your own profile. You want to find the big green button that helps you make a clone to your computer, labeled Clone or download. Click on it, copy the path to it.
4. Open a console like Git Bash, Bash, Terminal, CMD, PowerShell etc, navigate to the place where you keep your projects and run: git clone [paste the path to the project in here] and hit the Enter key. The command should look like

git clone https://github.com/marianzburlea/my-cv-v2-junior

or

git clone [email protected]:marianzburlea/my-cv-v2-junior

1. Change into your project using cd my-cv-v2-junior and install dependencies using npm i
2. Open the project in your editor. If you have Visual Studio Code installed you can do it using code . and start your local development server using npm start
3. If you are wise or mentored member of Codetap Academy you want to change into your personalised branch using git checkout [my GitHub username]. It should look like: git checkout marianzburlea (Skip this step if you are not wise or mentored member)
4. Finally, create your first branch for the About me section, using git checkout -b [username-first-branch-name]. It should look like: git checkout -b marianzburlea-about-me
5. Happy hacking and have fun following this amazing course!

How to get better and earn money with this project

One of the best adivce I can give you after you finish first time this project for the first time through following this tutorial is for you to do it one more time, at least. This time your main goal is to force yourself to do it with your own ideas, content, colors, positions etc. Basically you follow the video course and while you follow it, you want to pause and then traslate it to your own idea. For example: if the menu in the course doesn't have rounded corners but you feel you want some corners that aren't so sharp, go for it.

Once the change is done, press play, understand the idea that is presented to you in the next step, translate it to your own and repeat until the entire project is done.

If you choose to trust me and understand that repeating it will give you far more understanding and sharpen your skills, than a good approach is to ask all your friends and close ones to build for them their online CV and let them know that there is a fee. At the end they can chose to pay you: all, nothing or any amount they want, no matter what reasons they have for their choice. You'll master and get better at dealing with clients and have the option to also earn something in the process.

Being able to build websites has nothing to do with being able to interact with a client, just like being able to build bikes has nothing to do with being able to sell bikes.

Requirement

Please check the requirement folder and the files in it to have a better understanding of what we want to achieve.

Make sure you read the requirement instructions. You can do this in Visual Studio Code by opening the README.md file inside the requirement folder and pressing CTRL + SHIFT + V or by opening this link https://github.com/codetapacademy/my-cv-v2-junior/tree/master/requirement

Questions

If you have any further questions leave them in comments or notes on our website https://codetap.academy, find the My CV v2 - junior and fire away, or join our chat server on https://discord.gg/xcmtRYV and drop a message on the dedicated #my-cv-v2-junior channel for this project.

Other My CV levels

This project is part of a bigger series.

• My CV v2 - Starter where we'll have fun using only HTML and CSS. If you find following the current project a bit too much to chew, consider starting with a more starter level.
• My CV v2 - Mid where we'll have fun using React
• My CV v2 - Senior where we'll have fun using React and NodeJS

I hope you'll enjoy this project and have fun while you're at it. Stay tuned for more projects to come and the tutorial for this one by following https://codetap.academy and consider subscribing as well so we can feed our team with lots of beers and lots of guacamole!