diff --git a/CI-CD/WordPress/wpengine.yml b/CI-CD/WordPress/wpengine.yml new file mode 100644 index 0000000..d1834fb --- /dev/null +++ b/CI-CD/WordPress/wpengine.yml @@ -0,0 +1,15 @@ +name: Deploy to WP Engine +on: + push: + branches: + - 'release/*' +jobs: + build: + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v3 + - name: Deploy to WP Engine (Staging) + uses: wpengine/github-action-wpe-site-deploy@v3 + with: + WPE_SSHG_KEY_PRIVATE: ${{ secrets.WPE_SSHG_KEY_PRIVATE }} + WPE_ENV: ${{ WP_ENV }} \ No newline at end of file diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..1d5c852 --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +resources.coloredcow.com \ No newline at end of file diff --git a/README.md b/README.md index 41b401a..48a3bd8 100644 --- a/README.md +++ b/README.md @@ -11,6 +11,7 @@ - [PHP](php/) - [Elixir](elixir/) +- [Javascript](javascript/) ### Frameworks and Libraries :rocket: @@ -28,6 +29,7 @@ ### Guidelines - [Code Review](guidelines/code-review#guidelines-for-conducting-code-review) +- [Blogs](guidelines/blog#guidelines-for-writing-blogs) ## Credits :raised_hands: diff --git a/_config.yml b/_config.yml index 2f7efbe..6e21a75 100644 --- a/_config.yml +++ b/_config.yml @@ -1 +1,4 @@ -theme: jekyll-theme-minimal \ No newline at end of file +theme: jekyll-theme-minimal + +plugins: + - jemoji diff --git a/frontend/README.md b/frontend/README.md index 5c449ee..8ef977a 100644 --- a/frontend/README.md +++ b/frontend/README.md @@ -6,9 +6,8 @@ The following technologies are covered in this: 1. HTML 2. CSS 3. SASS/SCSS -4. JavaScript -5. jQuery -6. BootstrapJS +4. jQuery +5. BootstrapJS ## Official documentation diff --git a/guidelines/blog/README.md b/guidelines/blog/README.md new file mode 100644 index 0000000..bdb46ea --- /dev/null +++ b/guidelines/blog/README.md @@ -0,0 +1,19 @@ +# Guidelines for writing blogs + +## To-Do List + +1. Add a name to a google document rather than leaving it as an `Untitled document` +2. Make sure your blog is accessible with permission set as `Anyone with the link can comment` +3. Add images in the blog that are more personal and relevant(snapshot of the work you have done, problems solved, workplace, etc) to the blog +4. Add hyperlinks to your profile, and GitHub repo so others can check out your work +5. Break the blog into different sections with headings(the first section can be an introduction and the last as the conclusion where you can summarise) +6. Check for grammar errors, spelling errors, improper capitalization & spacing of letters(Add Grammarly extension to browser) +7. Keep the comments even after resolving for others to check if it’s been properly taken care of +8. Always include the hyperlinks for the information's source when adding any facts or statistics. + + +## Resources + +1. [A brief guide to capitalization rules](https://writer.com/blog/capitalization-rules/) +2. [Different sections you can divide writing in](https://mightyally.org/blog/feature-story-writing/) + diff --git a/javascript/README.md b/javascript/README.md new file mode 100644 index 0000000..cca5884 --- /dev/null +++ b/javascript/README.md @@ -0,0 +1,18 @@ +# Javascript + +This document covers some of the important concepts for Javascript that a developer must learn. These may cover some very basic concepts to advanced concepts as well. + +## Official documentation +To be added. + +## Online resources +To be added. + +#### Useful Blogs +To be added. + +## Books +To be added. + +## Exercises +To be added. \ No newline at end of file diff --git a/software-practices/README.md b/software-practices/README.md index 2d3c02b..4867832 100644 --- a/software-practices/README.md +++ b/software-practices/README.md @@ -6,7 +6,8 @@ This document covers some of the best practices when building any software or pi ## Online resources 1. [Event based scheduling or Velocity by Joel Spolsky](https://www.joelonsoftware.com/2007/10/26/evidence-based-scheduling/) - +## Code Editors +[List of editors](https://github.com/sachinrastogi12/resources/tree/master/software-practices/code-editors/vs-code) #### Books `To be added.` diff --git a/software-practices/code-editors/vs-code/README.md b/software-practices/code-editors/vs-code/README.md new file mode 100644 index 0000000..0452af1 --- /dev/null +++ b/software-practices/code-editors/vs-code/README.md @@ -0,0 +1,2 @@ +### 1. VS Code +[Recommended Extensions](https://github.com/sachinrastogi12/resources/tree/master/software-practices/code-editors/vs-code/recommended-extensions) diff --git a/software-practices/code-editors/vs-code/recommended-extensions/README.md b/software-practices/code-editors/vs-code/recommended-extensions/README.md new file mode 100644 index 0000000..a51a64f --- /dev/null +++ b/software-practices/code-editors/vs-code/recommended-extensions/README.md @@ -0,0 +1,87 @@ +## Here is the list of some best extensions - + +#### 1. Auto Rename Tag: +If you're working on an HTML file and change the opening tag for a `
` element to `
`,this extension will automatically change the closing tag from `
` to ``. + +[Click here to download](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) + +#### 2. Bracket Pair: +If you're working on a JavaScript file and your cursor is on an opening brace `({)`, this extension will highlight the matching closing brace `(})` in a different color. + +[Click here to download](https://marketplace.visualstudio.com/items?itemName=dzhavat.bracket-pair-toggler) + + +#### 3. Prettier Formatter: +If you're working on a JavaScript file and you press the shortcut key to format your code with Prettier, it will automatically add indentation, line breaks, and other formatting to make your code easier to read. + +[Click here to download](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) + + +#### 4. Live Server: +If you're working on an HTML file and you start the Live Server, it will open your file in a web browser and automatically refresh the page whenever you make changes to the file. + +[Click here to download](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) + +#### 5. Auto Closing Tag: +If you're working on an `HTML` file and you type `
`, this extension will automatically add the closing tag `
` for you. + +[Click here to download](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag) + +#### 6. Rest Client: +If you're working on a web application that communicates with a REST API, you can use this extension to send HTTP requests to the API and view the response directly within VS Code. + +[Click here to download](https://marketplace.visualstudio.com/items?itemName=humao.rest-client) + + +#### 7. Live Share: +If you're working on a code file with a colleague, you can use Live Share to collaborate in real-time, edit the same file simultaneously, and chat within VS Code. + +[Click here to download](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) + + +#### 8. Git History: +If you're working on a Git repository, you can use this extension to view the commit history and details of each commit. + +[Click here to download](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory) + + +#### 9. Colorize: +If you're working on a CSS file, this extension will add color highlighting to different parts of the code, such as properties, values, and selectors. + +[Click here to download](https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize) + + +#### 10. DotENV: +If you're working on a Node.js application that uses environment variables, you can use this extension to add syntax highlighting and code completion to your `.env` file. + +[Click here to download](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv) + + +#### 11. GitLens: +If you're working on a Git repository, you can use this extension to see additional information about each line of code, such as who made the last change and when it was made. + +[Click here to download](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) + + +#### 12. Simple React Snippets: +If you're working on a React application, you can use this extension to insert reusable code snippets for common tasks, such as creating a new component or importing React. + +[Click here to download](https://marketplace.visualstudio.com/items?itemName=burkeholland.simple-react-snippets) + + +#### 13. SVG Preview: +If you're working on an SVG file, this extension will show a preview of the graphic directly within VS Code, allowing you to see how it will look in a web browser. + +[Click here to download](https://marketplace.visualstudio.com/items?itemName=SimonSiefke.svg-preview) + + +#### 14. Vim: +If you're a Vim user, you can use this extension to bring Vim's keyboard shortcuts and commands into VS Code. + +[Click here to download](https://marketplace.visualstudio.com/items?itemName=vscodevim.vim) + +#### 15. Bracket Pair Color: +If you're working on a code file that uses brackets, parentheses, or other pairs of characters, this extension will highlight each pair in a different color to make it easier to read and understand the code. + +[Click here to download](https://marketplace.visualstudio.com/items?itemName=BracketPairColorDLW.bracket-pair-color-dlw) + diff --git a/wordpress/README.md b/wordpress/README.md index 0bb6ca5..d62b02f 100644 --- a/wordpress/README.md +++ b/wordpress/README.md @@ -8,7 +8,13 @@ To be added ## Online resources -To be added + +Some core WordPress concepts: +1. [Theme Development](https://codex.wordpress.org/Theme_Development) +2. [Template Hierarchy](https://developer.wordpress.org/themes/basics/template-hierarchy/) +3. [Database Description](https://codex.wordpress.org/Database_Description) +4. [What is a Plugin](https://developer.wordpress.org/plugins/intro/what-is-a-plugin/) +5. [Plugin Basics](https://developer.wordpress.org/plugins/plugin-basics/) ## Books `To be added.` diff --git a/wordpress/WPCS.md b/wordpress/WPCS.md index 41989b0..93228b6 100644 --- a/wordpress/WPCS.md +++ b/wordpress/WPCS.md @@ -66,7 +66,7 @@ This document covers how to setup PHP Code Sniffer to sniff WordPress coding sta 1. Install [phpcs](https://github.com/squizlabs/PHP_CodeSniffer) globally ``` -composer global require "squizlabs php_codesniffer=*" +composer global require "squizlabs/php_codesniffer=*" ``` ### Installing WPCS globally