A Study Plan To Cure JavaScript Fatigue

A Study Plan To Cure JavaScript Fatigue by Sacha Greif

I’m going to give you a concrete, step-by-step study plan to conquering the JavaScript ecosystem.

Who Is This For
This study plan is for you if:

You’re already familiar with basic programming concepts like variables and functions.
You might have already done back-end work with languages such as PHP and Python, and maybe used front-end libraries such as jQuery for a few simple hacks.
You now want to get into more serious front-end development but are drowning in frameworks and libraries before you’ve even started.

https://medium.freecodecamp.org/a-study-plan-to-cure-javascript-fatigue-8ad3a54f2eb1

Real world example code for popular front-end and back-end frameworks

This is taken from Jon Hilton, Quick Tip Friday newsletter.
You can subscribe to the newsletter here: https://jonhilton.net/

Its a great tip regarding example code for popular web frameworks (also mobile in the works), for example ASP.NET Core on the backend side and Angular or Vuejs on the frontend side etc. See list of backends and frontends here: (scroll down there are many options…)
https://github.com/gothinkster/realworld 

Building software applications is hard, but doing it in isolation is even harder.

And, unless you’re one of the fortunate few who work in a perfectly balanced team with just the right amount of experienced developers to lean on, you’re often left figuring all this stuff out for yourself.

· Architectural best practices

· How to organise your code

· How to separate your concerns

· Which ORM to use

· How to KISS (keep it simple stupid) and avoid incurring loads of technical debt

But, just because you haven’t got a supportive, experienced and wise team physically on your doorstep doesn’t mean you have to re-invent all the wheels yourself!

Specifically I really want to recommend you check out the “real world” examples over at https://github.com/gothinkster/realworld.

There, they take the exact same application (a Medium clone) and show examples built in all manner of front-end and back-end frameworks.

So if you’re looking to see what a good ASP.NET Core API application looks like (or React, Angular, Vue.js or anything else you can think of)

c# – sgen.exe fails during build – Stack Overflow

After adding a new 3rd party reference to a project and then building for Release configuration I got this error (not present when in debug build):
Error Could not load file or assembly ‘x’ or one of its dependencies. The system cannot find the file specified. SGEN  

Here is a solution that worked for me:

If you are having this problem while building your VS.NET project in Release mode here is the solution: Go to the project properties and click on the Build tab and set the value of the “Generate Serialization Assembly” dropdown to “Off”. Sgen.exe is “The XML Serializer Generator creates an XML serialization assembly for types in a specified assembly in order to improve the startup performance of a XmlSerializer when it serializes or deserializes objects of the specified types.” (MSDN)

Source: c# – sgen.exe fails during build – Stack Overflow

Some keyboard shortcuts for VS Code

Ctrl+ö (show terminal window) (this is for swedish keyboard…)

Ctrl+P – Quick open – Quickly sort through and find all physical files in your project and open them.

F1 – Command search

Custom keyboard bindings i prefer:
{
“key”: “shift+alt+l”,
“command”: “workbench.files.action.showActiveFileInExplorer”
}

List of members for current file (I use this for Typescript files):
workbench.action.gotoSymbol command. On Windows and Linux it’s set to CTRL+Shift+O by default. I like ALT+[+] for this.

Since I am used to Visual Studio I installed this extension to map a lot of keyboard shortcuts in the same way: Visual Studio Keymap 

If you are used to Resharper in Visual Studio here is an excellent post about it:
https://drlongnecker.com/blog/2018/06/visual-studio-code-migrating-from-resharper/

More bindings for those coming from other environments:
https://marketplace.visualstudio.com/search?target=VSCode&category=Keymaps&sortBy=Downloads

 

npm vs Yarn – Which Package Manager Should You Use? – KeyCDN

npm and Yarn are two well-known JavaScript package managers. If you’re not familiar with what a package manager does, it essentially is a way automate the process of installing, updating, configuring, and removing pieces of software (AKA packages) retrieved from a global registry. In this post, we’ll be going over what differences exist between two of the most popular JavaScript package managers – npm and Yarn.

Source: npm vs Yarn – Which Package Manager Should You Use? – KeyCDN

EPiServer Admin Import data – Fixing the Request timed out exception

If you are importing a big file of data into EPiServer through the admin import data feature, you might get this exception:

Exception Details: System.Web.HttpException: Request timed out.

ASP.NET has a timeout of 120 seconds by default, you can increase this setting for the admin section only using the following setting.

Add this directly under the location path admin / system.web element:

<httpRuntime executionTimeout="999999" maxRequestLength="2097151" />

E.g. in web.config:

...
<location path="epi/CMS/admin">
    <system.web>
      <httpRuntime executionTimeout="999999" maxRequestLength="2097151" /> 
      <authorization>
        <allow roles="WebAdmins, Administrators" />
        <deny users="*" />
      </authorization>
    </system.web>
  </location>
...

Source: https://support.microsoft.com/en-ca/help/925083/error-request-timed-out-when-you-try-to-upload-a-large-file-to-a-docum