Filer Project, Release 0.1

-
The main purpose of Release 0.1 was to get familiar working with GitHub and using Git commands. We were contributing to the Filer web filesystem project refactoring the code to use "let" or "const" instead of "var" for creating variables and constants. 
Both "let" and "const" are block-scoped and preferred over "var". The only difference between them is that "const" values can't be reassigned. So unless your variable is going to change you should always use const. 

Strict Mode in JavaScript

In order to activate strict mode you should add "use strict" directive on top of your code. The benefits of this mode are the following:
  • eliminates some silent errors (throws errors instead)
  • helps to write a secure JS code
  • disables confusing features 
Not Allowed in Strict Mode
  • Use undeclared variables/objects
  • Delete a variable/function
  • Duplicate a parameter name
  • Octal numeric literals
  • Read-only/get-only properties

 Adding Git Bash editor to VS code: 
I'm using Visual Studio Code as a tool for a source code editing. Find it really helpful to add Git Bash to the VS code integrated terminal, so here are steps to do that:
  1. To open the terminal in VS code: press and hold Ctrl + ` 
  2. Ctrl + Shift + P-  to open the command palette
  3. Type - Select Default Shell
  4. Select Git Bash
  5. Git Bash should be added to your VS internal terminal

Process

  1. Fork a project on GitHub 
  2. Create a new issue 
  3. Clone forked repo to create a local copy
  4. Add a remote named "upstream"
  5. Create a branch for your issue using "git checkout -b" command
  6. npm install 
  7. npm test 
  8. Make changes in your branch 
  9. nmp test 
  10. Use "git add" to stage changes
  11. Use "git commit -m" to commit changes with a short description
  12. Use "git push origin " to push your changes to a remote branch 
  13. Create a pull request 

Code Reviews

In order to review someone else's pull request, I picked one that was open, reading its description, checking for any other comments and making sure that the changes had passed all automated tests. Next, I clicked "Commits" to review all changes made by the author and created a comment spotting that some parts of the code might require small fixes 

Links

Comments

Post a Comment

Popular posts from this blog

fs.rmdir() vs fs.rmdirSync() in Node.js

-
The main purpose of rmdir() and rmdirSync() methods in the fs module is to remove a directory. If you are going to use any of these two methods, you should also remember that using them it is only possible to remove an empty directory. In case your goal is to get rid of the folder which contains another files or directories you would need to install the additional fs-extra module that would add more features on top of the fs. You can use remove() method from the fs-extra module to delete directories that contain something. fs.rmdir(path, callback) Removes a directory asynchronously. If the directory isn’t empty the function will throw an exception. Passed Parameters: path – string, path to the directory which you want to remove. The function won’t work if you will pass a path to the file instead of the directory (will result in ENOENT error on Windows and an ENOTDIR error on POSIX) callback – function, returns an error. Source code:  function rmdir(path, callback
Read more

Release 0.4, Second Blog

-
For my final release, I decided to stick with the project that I already worked on called Vibranium .  The ticket was to create a page pre-loader similar to the one that git-hub or medium websites use.  I never worked with animation in CSS before, so this issue was a great opportunity to learn something new. Steps to create an animation: The first step of building a CSS animation is to defining individual keyframes and naming an animation with a keyframes declaration. The second step is referencing the keyframes by name using the  animation-name  property as well as adding  animation-duration  and other optional animation properties to control the animation's behavior. Here's how I created a spinning square animation using keyframes in css: @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }
Read more

Discovering Open Source Projects

-
Image
Go (Golang) Go is a compiled programming language. Like all others, it wants to be "better than C." The language development is supported by Google (the creators of the language are Rob Pike, Robert Griesemer and Ken Tompson). Go is completely open-source, and a large number of people not from Google also take part in its development. I got interested in the language because of its simplicity and unusual approach to OOP and multithreading.  The main advantages of Golang: Simple and clear syntax Excellent performance Rich standard library Highly Concurrent Go compiler (Error checking, cross-compiling) Open source Charming logo So looking for an open source project, I found 3 that might be interesting to contribute to:  Kubernetes Its io Moby  Kubernetes What is Kubernetes?  "Kubernetes is a portable, extensible open-source platform for managing containerized workloads and services, that facilitates both declarative configuration and automa
Read more