Merge pull request #64 from NathanScott85/resources-interview-questions

added interview questions sections

Author: dangerworm

Gemfile.lock

@@ -251,7 +251,6 @@ GEM
     unf_ext (0.0.7.7)
     unf_ext (0.0.7.7-x64-mingw32)
     unicode-display_width (1.7.0)
-    wdm (0.1.1)
     zeitwerk (2.4.0)
 
 PLATFORMS
@@ -260,7 +259,6 @@ PLATFORMS
 
 DEPENDENCIES
   github-pages
-  wdm (>= 0.1.0)
 
 BUNDLED WITH
    2.1.4

pages-resources/resources-links.html

@@ -1,9 +1,7 @@
 <div class="row">
     <div class="col-md-12">
         <a name="resources-links"></a>
-        <h2>
-            Useful Links
-        </h2>
+        <h2>Useful Links</h2>
     </div>
 </div>
 <div class="row">
@@ -19,13 +17,15 @@ <h4>
             <a href="https://github.com/CodeWithGroup/" target="_blank">GitHub</a>
         </h4>
         <p>
-            Git is industry-leading version control software and is incredibly popular with professionals and hobbyists
-            alike. CodeWith has a public GitHub repository where we encourage you to store any public projects you work
-            on. We run this web site direct from our GitHub repository.
+            Git is industry-leading version control software and is incredibly
+            popular with professionals and hobbyists alike. CodeWith has a
+            public GitHub repository where we encourage you to store any public
+            projects you work on. We run this web site direct from our GitHub
+            repository.
         </p>
-
     </div>
 </div>
+
 <div class="row">
     <div class="col-md-2 resource-box">
         <div class="text-center resource-icon">
@@ -39,16 +39,16 @@ <h4>
             <a href="https://launchpass.com/codewithpeople" target="_blank">Slack</a>
         </h4>
         <p>
-            CodeWith has a Slack workspace where you can chat, share files, ask questions and get help with problems in
-            between events. Follow the link to get an invitation.
+            CodeWith has a Slack workspace where you can chat, share files, ask
+            questions and get help with problems in between events. Follow the
+            link to get an invitation.
         </p>
     </div>
 </div>
 <div class="row">
     <div class="col-md-2 resource-box">
         <div class="text-center resource-icon">
-            <a class="color-slides"
-                href="https://drive.google.com/drive/u/3/folders/1j6irw_cUfU_u2P1LLe_tJiM6T4dBID5Q"
+            <a class="color-slides" href="https://drive.google.com/drive/u/3/folders/1j6irw_cUfU_u2P1LLe_tJiM6T4dBID5Q"
                 target="_blank">
                 <span class="fas fa-4x fab fa-chalkboard"></span>
             </a>
@@ -60,9 +60,11 @@ <h4>
                 target="_blank">Workshop Presentations</a>
         </h4>
         <p>
-            If you've attended a CodeWith workshop and the host has shared their slides you can find them in the folder
-            linked above. If you would like the slides from a specific workshop but they are not in the folder, you can
-            get in touch with us on the <a href="{{site.url}}/contact">contact page</a>.
+            If you've attended a CodeWith workshop and the host has shared their
+            slides you can find them in the folder linked above. If you would
+            like the slides from a specific workshop but they are not in the
+            folder, you can get in touch with us on the
+            <a href="{{site.url}}/contact">contact page</a>.
         </p>
     </div>
 </div>

pages-resources/resources-soft-skills.html

@@ -0,0 +1,49 @@
+<div class="row">
+    <div class="col-md-12">
+        <a name="resources-soft-skills"></a>
+        <h2>Soft Skills</h2>
+    </div>
+</div>
+
+<div class="row">
+    <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
+        <div class="row">
+            <div class="card">
+                <h4>
+                    <span class="fab fa-js"></span>
+                    <a href="https://github.com/sudheerj/javascript-interview-questions" target="_blank">JavaScript
+                        Interview Questions</a>
+                    <span class="badge badge-warning">Medium</span>
+                </h4>
+                <p>
+                    JavaScript often abbreviated as JS, is a programming language that
+                    conforms to the ECMAScript specification. JavaScript is high-level,
+                    often just-in-time compiled, and multi-paradigm. It has
+                    curly-bracket syntax, dynamic typing, prototype-based
+                    object-orientation, and first-class functions. This link leads
+                    a list of potential interview questions to help you prepare for a
+                    new role.
+                </p>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
+        <div class="row">
+            <div class="card">
+                <h4>
+                    <span class="fab fa-react"></span>
+                    <a href="https://github.com/sudheerj/reactjs-interview-questions" target="_blank">React.js
+                        Interview Questions</a>
+                    <span class="badge badge-danger">Hard</span>
+                </h4>
+                <p>
+                    React.js is an open-source JavaScript library that is used to
+                    create reusable UI components for use in building the view layer
+                    (user interfaces) for web and mobile apps. This link leads
+                    a list of potential interview questions to help you prepare for a
+                    new role.
+                </p>
+            </div>
+        </div>
+    </div>
+</div>

resources.html

@@ -30,11 +30,15 @@ <h1>{{page.title}}</h1>
 <p>
     Jump to:
     <a href="#resources-links">Useful Links</a> |
-    <a href="#resources-ides">Integrated Development Environments (IDEs)</a> | 
-    <a href="#resources-tools">Other Tools</a>
+    <a href="#resources-ides">Integrated Development Environments (IDEs)</a> |
+    <a href="#resources-tools">Other Tools</a> |
+    <a href="#resources-soft-skills">Soft Skills</a>
 </p>
+
 {% include_relative pages-resources/resources-links.html %}
 {% include back-to-top.html %}
 {% include_relative pages-resources/resources-ideas.html %}
 {% include back-to-top.html %}
-{% include_relative pages-resources/resources-tools.html %}
+{% include_relative pages-resources/resources-tools.html %}
+{% include back-to-top.html %}
+{% include_relative pages-resources/resources-soft-skills.html %}