Technical Interview Links

Received some great links to prepare for a technical interview. Here are just a handful that may help:

https://www.linkedin.com/pulse/20141120061048-6976444-ace-the-coding-interview-every-time?trk=hp-feed-article-title-comment

http://steve-yegge.blogspot.com/2008/03/get-that-job-at-google.html

Questions you, as a developer, can ask at your next interview: https://github.com/ChiperSoft/InterviewThis

 

 

Advertisements

VirtualHosts with XAMPP

This is how you can change your URL from http://localhost/myapp to http://www.myapp.com on your local machine using a Mac and using XAMPP. This is with Apache 2.4.

You will need to open two files:

  1. /Applications/XAMPP/xamppfiles/etc/httpd.conf
  2. /Applications/XAMPP/xamppfiles/etc/extra/httpd_vhosts.conf

The steps:

  1. Uncomment a line in httpd.conf
  2. Add your VirtualHost configuration
  3. Start Apache server
  4. Check the server is running successfully
  5. Edit your hosts file
  6. Navigate to URL browser to view your app

1.  In the first file, httpd.conf, find this line and uncomment it:

# Virtual hosts
Include etc/extra/httpd-vhosts.conf

This will let Apache know that any changes you make to the httpd-vhosts.conf file will be included when you start the server.


2.  In the second file, httpd_vhosts.conf, add something similar to:

< VirtualHost *:80 >   
   ServerName www.myapp.com
   DocumentRoot "/Applications/XAMPP/xamppfiles/htdocs/my_app"
   <Directory "/Applications/XAMPP/xamppfiles/htdocs/my_app">
        DirectoryIndex index.php
        AllowOverride All
        Order Allow,Deny
        Allow from all
        Require all granted
        Options FollowSymlinks Indexes
   </ Directory >
</ VirtualHost >
    

Where 80 is the port you will use. If another app is also using port 80, you should change this to another port. After changing to another port, for example port 8080, make sure to add: Listen 8080 to your httpd.conf file in the Listen section (you can do a search for this in an editor by pressing CMD + F (Mac) or CTRL + F (Windows)).

ServerName  this is the URL you want to redirect to
DocumentRoot this is where the directory for where your app files are
<Directory “path”> this will set permissions and configurations for the directory

Remember the closing tags.

3,4.  To check your Apache configuration, you can start your Apache server and type this into your Terminal:

$ apachectl -S

This will tell you if Apache was able to successfully load everything in the configuration or not.

5.  Once it’s working, to load http://www.myapp.com locally on your computer, you will need to edit your hosts file. On Mac, it is found at /etc/hosts.

 $ sudo nano /etc/hosts

Add the following to the end of the hosts file:

 127.0.0.1 www.myapp.com

CONTROL + O to save your changes
ENTER to confirm the file name
CONTROL + X to exit the nano editor

6.  Open your browser and go to http://www.myapp.com and you should see your app running!

Install Atom Packages on Mac

To manually install a package for the Atom text editor on a Mac, follow these steps.

  1. Find the package you want to install here: https://atom.io/packages
  2. Open your ~/Username/.atom/packages directory
  3. Clone the Git repo of the package into this packages directory
  4. Done

For example:

  1. I found split-diff to show differences between two files: https://atom.io/packages/split-diff
  2. $ cd ~/.atom/packages
  3. $ git clone https://github.com/mupchrch/split-diff.git

You will now be able to see the Split-Diff package in the Atom main menu bar under Packages

JobScan

Came across a cool site that will compare your resume to job descriptions you are thinking about applying for.

You can copy and paste your resume or upload your resume to their site, and then you copy and paste the full job description you’re interested in.

JobScan will analyze the keywords similar to resume automated targeting systems used by HR companies and give you a percent match based on the results.

Screen Shot 2017-04-01 at 3.10.07 PM.png

Send Email From A Static Site

I was trying to create a simple portfolio site where I could receive emails if someone filled out my contact form without having to use node.js or PHP.

I came across this amazing free alternative: https://formspree.io/

You can add this to your form on any static site. No need to set up a web server!

Just add this to your form action attribute like so:

< form action="https://formspree.io/your@email.com" method="POST">

 

http://codepen.io/sunsplat/full/vxaeXL

Find Project Inspiration

http://www.calltoidea.com

If you are stuck in the design stage and unsure how you want your logins, 404 pages, profiles, etc. to look, this is a great site to take a look at. There are tons of real-world implementations you can take a look at to inspire you.

This is just an example of the different categories you can look at:

Screen Shot 2017-02-20 at 4.02.58 PM.png

There’s also footers, forms, lists, and more!

Screen Shot 2017-02-20 at 4.05.32 PM.png

Happy exploring!

Add Shortcuts In Mac

I have switched to Mac!!!

If you want to add shortcuts to certain directories so that you don’t have to type out the complete file path, you can add it to your .bash_profile file located in your /home directory.

Navigate to home:
$ cd ~

$ vi .bash_profile
This will create a new .bash_profile file if one doesn’t already exist. If one already exists, it will open the file using the vi terminal editor.

alias fcc='cd /Users/username/freecodecamp_projects'

CONTROL+C
This will allow you to exit the editor.

:wq
The ‘w’ stands for ‘write’.
The ‘q’ stands for ‘quit’.

You can also edit your Terminal inside your .bash_profile file and add emojis:
Tips: https://natelandau.com/my-mac-osx-bash_profile/
Emojis: http://osxdaily.com/2013/04/08/add-emoji-command-line-bash-prompt/
Colors: http://osxdaily.com/2013/02/05/improve-terminal-appearance-mac-os-x/

 

Closures in JS

I’m having a lot of trouble understanding how to use closures in JavaScript. A closure seems to be just a function within a function. I am still trying to find more examples of closures and their usage, so feel free to share any good ones you come across.

In the meantime, I found this Stack Overflow explanation pretty good:
http://stackoverflow.com/questions/111102/how-do-javascript-closures-work

 

Also finally found out what to call the ‘=>’ operator:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions