belide

My Free Code Camp Projects

Collection of projects I'm doing while working through the Free Code Camp full stack web developer certifications.

Front End Development Certification

Basic Front End Development Projects

• Build a Tribute Page | Requirements | Demo | Source Code
• Build a Personal Portfolio Page | Requirements | Demo | Source Code

belide

React JS Weather App

A Pen by Daniel Williams on CodePen.

License.

belide

Random Quotes - React

A Pen by Rahul on CodePen.

License.

belide

Javascript Interview Questions

General interview questions for a front-end JS developer.

Questions

• What is the spec Javascript implements and what versions of it are you most current with?

• Does JavaScript support the use of classes?

belide

// String utils
//
// resources:
//  -- mout, https://github.com/mout/mout/tree/master/src/string

/**
 * "Safer" String.toLowerCase()
 */
function lowerCase(str){
  return str.toLowerCase();

belide

var translate = function(word) {
    var array = word.split('');
    var vowels = ['a','e','i','o','u'];
    var newWord = '';
    for(var i = 0; i < vowels.length-1; i++) {
        for(var y = 0; y < word.length-1; y++) {
            if(word[y] === vowels[i]) {
                for(var x = y; x < word.length; x++){
                    newWord = newWord + word[x];
                }

belide

GENERATORS:

• Text Content Generator - http://www.lipsum.com
• Favicon Generator - http://tools.dynamicdrive.com/favicon
• Data Generator - https://mockaroo.com/
• Mobile Mockup Generator - https://mockuphone.com
• Logo Generator - https://www.logaster.com
• UUID Generator - https://www.uuidgenerator.net/
• Hash Generator - https://passwordsgenerator.net/sha256-hash-generator/

IMAGE RESOURCES:

belide

@Component({
  selector: 'app-root',
  template: `      
      <ng-template>
          <button class="tab-button" 
                  (click)="login()">{{loginText}}</button>
          <button class="tab-button" 
                  (click)="signUp()">{{signUpText}}</button>
      </ng-template>

belide

/* *******************************************************************************************
 * THE UPDATED VERSION IS AVAILABLE AT
 * https://github.com/LeCoupa/awesome-cheatsheets
 * ******************************************************************************************* */


// 0. Synopsis.
// http://nodejs.org/api/synopsis.html

belide

10 Front-End Websites You Need To Know As A developer

HTML/CSS Templates

• https://templated.co/
• https://html5up.net/

Design Inspiration

• https://dribbble.com/
• https://www.behance.net/