WHAT EXACTLY ARE The Front-end Dev Must Need To Know?On by
I was begining to create this post few times, writing everything over again. You employ a good question and I’ll try to enable you to get through the steps of fabricating a complete wordpress template from my current perspective. Step 1 1 – Gathering information Before you begin to create your code the very first thing to do is a gathering with your customer.
Ask about his company, the business plan and let him show you what other websites he enjoys. Then you make a filthy and quick layout on the paper based on what your customer wants. If your customer’s expectations are wrong from the UX perspective, point it out and try to present a proper alternative. Step 2 2 – Design The next thing is to create a prototype that would appear to be an actual website (mobile and desktop).
You may use a Photoshop because of this, but it has way too many options and is a bit expensive. You can use free alternatives like Gimp, but the best is “Adobe XD” (and it is premium as well). After design corrections and demonstration, it is time to code. Step 3 3 – Coding Create your template using good practices like “mobile first”.
0. Tools Use tools that may help you work as efficient as possible. My two personal favorites, I can’t live without are VS Code and Chrome or Chromium with its new tools. Using and Knowing wordpress core functions. When you start your journey, 99% of things you want to build has already been implemented as a wordpress function.
Check the state wordpress documentation and different related community forums. If you’ll find an answer on the community forum, check the documentation for the function that is used, because older answers have a tendency to use the deprecated stuff. HTML Learn how to use html-tags, especially those used for SEO (looking engine optimisation). Learn about what to devote h-tags.
Try to write your own stuff if it is simple enough. Usually do not use jQuery if you don’t really must (for example for backwards compatibility). Check the functions in JS documentation. From my experience, many popular answers to your questions, provides older forum content using old JS functions. Basic PHP WordPress is made with PHP and you’ll need it ultimately. 6 HTTP Fundamentals about HTTP and demands Rules.
7. External libraries There are several cool libraries, that can make your life easier. Although being cautious, check if there are known vulnerabilities, update them and most important, be sure that you can use them in your commercial projects. 8. Follow the news Do react to every known vulnerabilities and changes on the market.
- Brand plan
- 20% Free Time – THE LARGEST Threat to Google
- 21 months back from Western NC
- 3 WordPress Installation
If a new technologoy is trending, be sure to try it out and make an effort to implement it. 9. Law regulations Make sure to make your work compliant with current laws and regulations. For instance, if you are developing in EU, you will have to make your website GDPR compliant (for example by showing cookie banner or not loading exterior components without a user’s authorization). Step 4 4 – Testing Test out your website with different web browsers to make sure it is working properly.
Some web browsers need a special CSS or different JS utilization. Step 5 – Optimisation Minify your Java script and css. Decrease the number of requests. Bonus- Gather experience Watch YouTube for tips. Attend to courses. If you see something on a different website, make an effort to understand how it works. I hope I could help and that my “engrish” is understandable (British is not my first vocabulary). I forgot about something probably, so I’ll probably revise this post after some time. Please, be aware that I’m working with wordpress and frontend since a couple of years only, and it is my personal strategy.