Hey, long time no see. It’s been almost three weeks since I haven’t wrote, so it’s good to be back.
As usual, I don’t make long introductions, so here we go.
1. You get exposure!
creating your portfolio you get to be known. Whether is for job hunting, connecting with other developers, or practice, people will get to know what you do and what you are passionate about. A portfolio can help you also to bring new customers if you plan to freelance, in fact, a portfolio nowadays stands almost like a Resume, and it’s a must if you ask me.
2. Is a method of self-discovery and confidence building
A portfolio can also help you in the future see the you develop your skills. You can look back and see what skills you knew, for instance, a year ago and add the skill you learn meanwhile. Having a portfolio you can ask for feedback from other devs and they can give you advice so that you’ll improve it.
3. It keeps you organized
For many of us, self – taught or students, time is important when it comes to programming. A portfolio can help you organize your accomplishments, can help you set goals and categorize your aspirations and it shows who you are and your personality.
4. It helps you implement what you are learning.
Building your portfolio helps you practice what you are learning and gives the feeling like in real life. It also helps you find a new way of working and you discover new things while you carry out the work.
These 4 reasons I discovered them by myself while I was building my Portfolio. It took me around 10 hours and I’ve created it during 10 days. It was a small personal challenge that I wanted to accomplish. You can see the work I’ve done here and the source code here.
If you’d like to know the methods and the way I created it let me know and I will write a full tutorial about it.
While there are plenty of tools to create a portfolio, you can develop your own.
I always thought that creating a portfolio it’s a difficult task and with a difficult task I tend to procrastinate, but this is another topic that I might tackle in a future article. Nevertheless, in time I learned that breaking difficult tasks into small steps will be easier to accomplish.
In this week’s article, I will give you three tools based on my experience to create your portfolio.
Why do you need a portfolio?
Nowadays a portfolio is more like a resume, for quite lots of companies it is imperative when you want to be hired, to present a portfolio. If you are interested in only what I used, and are in a hurry, you can skip reading the article and go at the end of it and see just the resources.
Hi, I am Luc, a web developer that struggles to beat his own results.
While this option is at hand, fast, pre-built, and easy to use up to a certain point, it brings a certain limitation as of what you can do and what you can not do with your portfolio, that is unless of course, you don’t have a particular theme installed.
You can use plug-ins that will help you to ease your work and gain time. But in a long run, you will encounter difficulties and your website will diminish speed and performance. I did my best to improve my WordPress website, but Lighthouse from Google always gave me under 70%, I hope you can do better than this and you’ll share the results.
If you ask me, I would go with this option as you can build it from scratch. You can just let your imagination flow and you can always insert new things and implement whatever you are learning whenever you want.
The downside of this option is that it requires plenty of time to do it, and if you are like me that need jobs to bring food to the table then this option it’s not the best.
But, if you are willing to learn and give time then you can opt-in for this way of building your portfolio.
One of the first portfolios I created was a customized simple one-page website theme hosted on GitHub. The second one it’s also hosted on GitHub.
This option is the best that I found at the moment.
A customized theme is a free downloaded theme into your local machine and customized at your taste.
The positive side of this option is that you see someone else’s code, you learn how to implement your code, you have access 100% to modify the content, you save time, and you learn by practicing.
Build with the tool you feel more comfortable and it’s easy for you to get the thing done.
I prefer the customized theme as this is a way for me to improve my own knowledge of programming and as well to practice what I have already learned.
Use the right tools according to your portfolio project, what I mean by this is to not try to reinvent the wheel and keep things simple.
Keep in mind that there is no easy path to learn, so if the time allows you, build your portfolio from scratch.
For WordPress, I use The Divi Theme. You can have a look here to see how it is. This link goes to my WordPress version portfolio built with Divi.
For a Customised Portfolio that you want to build from scratch, I don’t have a certain link, but you can find inspiration on these sites: Behance and Dribble
For my first theme portfolio, I used a Bootstrap Theme you can see here and my customised portfolio is here.
The second one I used is also a pre-made theme I downloaded and then customised it almost 90% and you can see various themes here. My actual Portfolio is hosted on GitHub and you can see the result here.
That’s it for this week, wishing you a productive week ahead, I hope you find this article helpful.
Setting goals gives you long-term vision and short-term motivation. By setting clearly defined goals, you can measure the achievement of those goals, seeing forward progress in what you think might be a long projects.
Hello, I am Luc, a web developer in his 40’s and I document my journey into web development career.
Seeing the big picture.
When it comes to a career both web development and financial goals go hand in hand. Make a step back, sometimes this helps to see the bigger picture and arrange by priority your goals. A Romanian artist by the name of Constantin Brancusi said that “the higher you go, the wider you see”, so stopping and focusing by writing down my goals helped me to get closer to them step by step.
Setting goals is effective.
Working towards a goal is a major source of motivation which improves performance. I give you four goal-setting principles that can help improve your chances of success, according to Locke and Latham article “Toward a Theory of Task Motivation” :
Clarity and specific goals eliminate the confusion.
Challenging goals helps you accomplish more.
Commitment helps you achieve the goals.
Feedback helps you improve it.
Setting a goal keeps you focused.
Setting a goal helps your mental boundaries, what I mean by this is that when you have a certain endpoint in your mind you’ll automatically stay away from distractions. It’s like preparing for your trip with the bus and you know that at 10:30 you’ll have to be at the bus station and you’ll organize your time in such a manner that you’ll be there to get the bus.
Goals help you measure your progress.
I tend to look at other developers’ progress and see if I can do that as well. I have to be real when it comes to reality check as I can’t compare to anyone and I don’t allow myself this luxury as each of every one of us have different circumstances and lives. I compare my own progress. I don’t see myself “arriving” until I am not there, thus avoiding discouragements. Nevertheless, measuring progress helps me see the advance that I’ve made and brings me closer to the end goal moving me in the right direction.
Goals help you overcome procrastination.
I’ve let this one the last on purpose as it’s the most important for me.
When it comes to procrastinating, I am a Jedi Procrastinator.
When you set a goal you make yourself accountable. On the other hand, this is going to do things not according to your mood and it brings a Reminder because they tend to stick in your mind. Learning to not succumb to my mood took me time, I am still fighting with it but I see over the years a great improvement.
A briefly personal view on Goals:
Setting goals can help us move forward in life and give us a roadmap to follow. Goals are a great way to hold ourselves accountable, even if we fail. Setting goals and working to accomplish them helps us define what we truly want from life.
Goals also helps us prioritize things.
We can definitely choose to wander in life without any goals, but setting goals can help us live the life we want and brings happiness.
Of course, we don’t have to live every moment of our lives planned out because we all need those days when we have nothing to accomplish, but having goals gives us also a purpose when we think everything else is falling apart.
Hopefully, this week’s article brought to you value and you enjoyed reading it. Until next time, keep your focus on your goals.
Remember I often said, in my previous articles, that I don’t like long introductions? I just wrote one so excuse me. Let’s jump right into the core.
What is Vue.Js
According to Vue documentation itself, it is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries.
in my own words: Vue.js helps you make dynamic user interfaces for the web.
All the busy work is gone Bye-bye. Vue helps to avoid it, it has a lot of built-in solutions. It has effort in saving conventions like animations and management.
2. Developer’s best friend.
I was hesitating which one of the following three points to write first: documentation, graphical interface, or the CLI (command-line interface). Documentation won as I learned more from their documentation, so on that matter I installed the npm via CLI on my MacBookPro and it works like a charm.
Not to mention the fact that for a newbie like me, the way Vue is presenting the tools, which by the way there aren’t a lot to learn and it doesn’t need so much time to get familiar with, is tremendous.
I haven’t yet bumped into a real problem to ask the community’s help, I just started, so give some time, but as I’ve read in a LinkedIn community, they are pretty kind and helpful.
In just a few years Vue gained considerable popularity. Companies like Facebook, GitLab, Netflix, Adobe, Behance, Xiaomi, WizzAir, EuroNews and even Grammarly (which I use to correct my typos) are using Vue in their code base, so it’s a good starting point for it to increase chances of being hired.
This means that Vue can be used for Single Page Applications as well as to build small and interactive parts and to be integrated using different technology. It can be a full-featured framework that you used to build a whole project or it can be just a library in your project. Grammarly took advantage of it and built its signature interface while WizzAir built its amazing interface in its apps. One of the most outstanding platforms that get my attention is Adobe. If you want to build your portfolio on a Vue based platform, choose Adobe Portfolio, it’s amazingly fantastic. Okay, okay, I am sorry to be so excited but I can’t stop being impressed by the complexity and at the same time simplicity of Vue.
In terms of learning Vue, I find this list of prerequisites so that someone out there could learn Vue.
Have an overall understanding of how code is executed in JS (execution context, stack, event looping, hoisting).
How scopes work.
Operator precedence and associativity.
How “this” keyword behavior in different environments.
What are closures
Function constructors and the “new” keyword
Create a web page with a simple form, say, three inputs and a submit button
If the form is invalid, show an error message and prevent submission
This simple task requires you to know the basics of UI programming:
– DOM querying
– DOM manipulation
– Event handling
After that I was good to go.
If you can do this, you know enough to get started with Vue. If you can’t, work on this first, as Vue won’t be helpful so much, not just yet.
Conclusion and a brief recap:
Just before I live you, I would like you to have a few links that helped me:
Grammarly (free and paid versions) = I use on a daily basis when it comes to correct the typos, and it’s using Vue (yes I know I said that before 🙂
Last week I started to learn Git. For my career is a crucial tool that as a newbie it needs to be on my portfolio for future projects.
So, in this week’s article, I’ll write about the importance of learning Git, as usual, I broke the article into points so that to me as a writer and to you as a reader will be easier to relate and understand.
What is Git
How does it work
Why should we learn Git
What is Git
Git is a free and open-source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
What is not: it is not GitHub! I think of Github as an extension of Git as it cuts good parts of the Git functions. We could look at GitHub as a website for hosting your projects that use Git. Now that we have this clear let’s move forward.
Git is a type of version control system that creates and helps to track any changes to files. We may say that that Git responds to the following questions regarding editing files:
Why the change
When the change
Git helps go back to the previous version if we want to.
How does it work
I wrote above that Git is a Distributed Version Control System which means that distributed version control is a form of version control in which the complete codebase including its full history and is mirrored on every developer’s computer. This enables automatic management branching and merging speeds up most operations except for pushing and pulling, improves the ability to work offline, and does not rely on a single location for backups.
I am a visual learner and I like to create in my own words the technical stuff so that I can get a better understanding.
Since my son has a passion for reading books I’ll give an example of how Git works. In time he created his library and has books. One day a friend comes and asks some of his books to add some great content in them. My son agrees and allows him to take them from his library. After a while, this friend brings back the modified copies and my son checks them to see they are what he need and place the books on their belonging shelves replacing the previous, without throw the first version at the rubbish bin, but save them on a lower shelve. One day both of them decide to take a look at the first version, this way, having the possibility to go back in time. In the photo at the beginning of the article, I’ve added, you can check the differences between Distributed Version Control System and Centralised Version Control System.
Why should we learn Git
Most of the companies work with teams and it is needed to have it if you want to increase your chances to be hired as a developer.
It is a useful tool for coordinating projects in teams and also for tracking progress in time by saving checkpoints, similar to a time-travel machine. Among other VCS some alternatives are GitLab, GitFlow, Mercurial, Perforce, and Bitbucket.
Is it also useful for your projects when it comes to save them and have a backup of your work or website(s).
Hopefully you find this article useful and helps you “git” it better. Until next time, happy coding and enjoy the upcoming week.
I know that this is an ordinary title that normally Google scrapers won’t show to so many people as it is often used.
I was planning to write this week’s newsletter about Git and why it’s needed to be learned, as I start to learn it, but, since I saw the need to tell part of my story which refers to the path I took and how I applied to jobs to get a job, I decided to postpone the one about Git. So here we go!
Hi, I am Luc, a front-end developer in his early 40’s coming from a communist country who is living his dream job after changing his career in 2019.
I was born in Romania, and as I was telling in one of my previous articles, I struggled to stay up on the waves of life and not get drawn, still, The Man in The Sky was good to me, and brought circumstances in my life that were good.
From zero coding to start!
I remember when Jailbreak was a thing and I was applying it to my iPhones just to experiment with “new things” I once manipulated the code to an iPhone 3GS that didn’t have Gyroscope and I needed Gyroscope to be able to play a game, but when Youtube tutorials are at hand it’s easy to implement things, so, in a way that was my only experience with code.
I started programming back in February 2019, I haven’t coded before anything that could be considered web development, and I fell in love with the fact that I could build something from nothing. (well, in a way).
I began with HTML as I wanted to lay a foundation, but, I found that I didn’t know what the Internet is and how it’s working so I dropped HTML for some days and turn to good ol’ HTTP and protocols. After I understood how the internet works and what’s the difference between the Internet and Intranet, how the protocols work and what HTTP and HTTPS stand for, and what is a server and a client, I restarted my journey towards HTML.
Of course that after my first “Hello World” that I’ve seen on my local I felt that I am the one who will become the next Mr. Robot, but on a serious side, I was struggling. Tones of tags, new things to learn, and didn’t know how to learn. So after two months, I was already passing the freecodecamp HTML session towards CSS, and I stopped for a few days. I wanted to learn how to “learn”.
Discipline is the key
Let me tell you that at 42 age isn’t easy to teach your brain new things, especially when you are hindered by the lack of memory and take Magnesium daily. Also having four kids there is the need to organize yourself very well and create time to code where you need to focus. So here I am documenting myself and read articles about how to learn and I forced myself into the learning process of …learning. So, I learn how to learn and the technique I use is written notes. Since I am a visual learner, I “translate” what I learn into written notes and drawings. I wrote an article about this as I am documenting my journey, and if you are interested in this technique you can take a look here. I am also saying that this is the technique that works for me. You may find yours by trying them. For instance, just watching a tutorial, for me isn’t working, but maybe for you, it will. The most important thing while I was learning was to keep discipline and create a habit, which, fortunately, I did. The main source I used for HTML and CSS is freecodeCamp, as it’s very wholesome and has a great community around it.
Courses on Udemy.
Go get the job
One of my friends who is a construction company owner wanted a website and told me to build one. That was my first gig and I put all the effort into it. I bought a theme on WordPress, I customized the CSS according to my taste, created the content, and in 3 weeks approximately the job was done. That was my first important job as a freelancer. Meanwhile, I was applying for jobs. I was aiming at big companies like Amazon, Apple, and I was applying without knowing that I was competing with senior developers that are more skilled than me, and I have no chance as a junior.
But, I kept pushing and one company, not that big, but big enough in my area, accepted me. After two rounds of interviews that went like this:
first was to know me and I talked to recruitment stuff asking me about the experience I have and what drove me to make the career switch;
the second was a technical one where the person asked me some fundamentals questions about PHP and to tell him about my worst moment of struggle in solving a problem and how I solved it.
Unfortunately, things weren’t so good as I thought, and not having a front-end Senior Developer (and only a backend) that overview your work is hard to advance, and to feel productive, imposter syndrome was my daily companion, until I got burned and quit after almost three weeks.
Apply, apply, apply
While I was freelancing, I kept applying for jobs. If not thousands, then hundreds of them. I subscribed to mail job providers in my area and set the LinkedIn search for job positions I wanted. Then, Danny Thompson came with a full free course on YouTube made of four sessions on how to improve the LinkedIn profile. THAT brought me traffic on my profile and started to be contacted by hiring managers from different companies. I currently am jobless and I am looking for a job to improve my skills and advance in web development knowledge.
WhileI am writing this article I keep my habit of waking up early in the morning to code as I can focus better in the morning. I am still in search of a job, because I want to bring what I learned up to this point to a company that will value my passion and appreciates my hours of struggles, and allow me to develop myself by bringing that value and give that new technology learned back to them. I know what I want and I know with what company I wouldn’t work. I learned to value my worth and I am not selling myself cheap, even if I am a junior developer. I don’t want this to sound self-pride or arrogance, but, we tend to lower our worth by just wanting to work in the tech industry. We often forget that when we look for a job the company as well is looking for a candidate for a position which will turn to be for the mutual benefit(s).