Egghead Useful Free JavaScript Videos

https://egghead.io/courses/just-enough-functional-programming-in-javascript

https://egghead.io/lessons/javascript-queue-data-structure-in-javascript

https://egghead.io/lessons/javascript-introduction-to-algorithms-in-javascript

https://egghead.io/courses/javascript-promises-in-depth

https://egghead.io/courses/algorithms-in-javascript

https://egghead.io/search?query=javascript

Advertisements

configure eslint in project using webpack

First, you need webpack installed in your project and later go through this https://webpack.js.org/loaders/eslint-loader/

Learn ESLint basics from very nice video tutorials by Andrew Mead

Configuring ESLint: https://eslint.org/docs/user-guide/configuring

Steps:

1. Create project using webpack.

2. Install loaders..

3. Set rules

4. Update package.json with lint scripts.

That’s it. You are done :).

Install

$ npm install eslint-loader --save-dev

NOTE: You also need to install eslint from npm, if you haven’t already:

$ npm install eslint --save-dev

Usage

In your webpack configuration

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
https://medium.com/dailyjs/adding-eslint-to-your-project-7bd4feca35a8
        loader: "eslint-loader",
        options: {
          // eslint options (if necessary)
        }
      }
    ]
  }
  // ...
};

ESLint Rules, Best Practices of AirBnb:
https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb-base/rules

https://eslint.org/docs/user-guide/command-line-interface

References:

https://flaviocopes.com/eslint/#airbnb-style-guide

https://www.learnhowtoprogram.com/react/react-fundamentals/building-an-environment-automatic-linting-with-webpack

check this

For more check this commit.

Atomic Design – Pattern Lab

https://patternlab.io/

https://thegymnasium.com/courses/course-v1:GYM+014+0/about

https://medium.com/gymnasium/brad-frost-on-how-and-why-to-use-pattern-lab-49607f89d7f0

http://atomicdesign.bradfrost.com/chapter-1/

https://patternlab.io/docs/advanced-ecosystem-overview.html

Node version of pattern lab: https://github.com/pattern-lab/patternlab-node

Troubleshoot errors

This post is only for troubleshooting errors while we work..

1. json-server command not found

export PATH=$PATH:$HOME/.npm-global/bin

2. Failed to execute goal org.apache.maven.plugins:maven-archetype-plugin:3.0.1:generate (default-cli) on project standalone-pom: The desired archetype does not exist (com.adobe.granite.archetypes:aem-project-archetype:10

https://repo.adobe.com/nexus/content/groups/public/archetype-catalog.xml

copy that archetype-catalog.xml or download it from repo and paste it in ~/.m2/repository like shown below

 

Gulp command not found:

zsh: gulp not found – error

steps to resolve this..

1. PATH=$HOME/.node/bin:$PATH
2. npm config set prefix /usr/local
3. sudo npm install -g gulp

Troubleshoot build errors in AEM React

First lets follow the steps mentioned here..

https://helpx.adobe.com/experience-manager/kt/sites/using/getting-started-spa-wknd-tutorial-develop/react.html

https://helpx.adobe.com/experience-manager/kt/sites/using/getting-started-spa-wknd-tutorial-develop/react/chapter-0.html

Github Repo:

https://github.com/Adobe-Marketing-Cloud/aem-guides-wknd

https://github.com/Adobe-Marketing-Cloud/aem-guides-wknd-events

You either follow manual package installation as mentioned in chapter-0 or try using vscode like shown with video in below link

https://helpx.adobe.com/experience-manager/kt/platform-repository/using/local-aem-dev-environment-article-setup.html

You will get some errors while building(Build failure for core)

1. download 0.1.10 jar file from https://repo.adobe.com/nexus/content/groups/public/com/adobe/cq/com.adobe.cq.export.json/0.1.10/

If not download 0.1.7 from below

com.adobe.cq.export.json-0.1.7-CQ-4226752-B006.jar 

https://repo.adobe.com/nexus/content/groups/public/com/adobe/cq/com.adobe.cq.export.json/0.1.7-CQ-4226752-B006/

2. Goto pom.xml in main folder and change like shown below..

3. Goto m2 folder(maven) in users directory and copy the downloaded jar into the directory shown below..

path

4. now run “mvn -PautoInstallPackage -Padobe-public clean install”. you will see the following screen like shown.

In case if you find anyother issues like component not loading, try clearing cache using

http://localhost:4502/libs/granite/ui/content/dumplibs.rebuild.html

Any errors? check here..http://localhost:4502/system/console

You would be able to see ui.apps and ui.content packages got installed in http://localhost:4502/crx/packmgr/index.jsp

Finally, you can see your template loaded in your site..

In case unable to download any files from the links, download it here

Make sure, your package is active in system console.

Protected: General Interview Questions for FrontEnd Developer

This content is password protected. To view it please enter your password below: