<h2>Overview</h2>
<p>Building an AngularJS application from scratch can seem daunting at first, but with the right guidance, it can also be an engaging and rewarding experience. This series offers a clear and structured approach, allowing you to learn the essential components of AngularJS by creating a practical application called Eggly. You will familiarize yourself with fundamental concepts in a methodical way, making it easier to apply these skills in your own projects.</p>
<p>The curriculum is designed for learners at any level, providing a solid foundation for getting started with AngularJS. As the lessons progress, you will gain the confidence to incorporate various features and techniques, leading to the creation of a fully functioning application that includes crucial functionalities like creating, updating, and deleting bookmarks.</p>
<h2>Features</h2>
<ul>
<li>
<p><strong>Comprehensive Learning Structure</strong>: The series is organized into small, digestible lessons that cater to various skill levels, making it easier to start from a point that suits you.</p>
</li>
<li>
<p><strong>Real-world Application</strong>: You will build a practical application, Eggly, which will help reinforce the concepts by applying them to a real-world project.</p>
</li>
<li>
<p><strong>Focus on Essentials</strong>: The initial series emphasizes the core components needed to bootstrap an AngularJS application, ensuring a strong foundation before diving deeper into more complex topics.</p>
</li>
<li>
<p><strong>Dynamic Functionality</strong>: Learn how to incorporate essential AngularJS functionalities such as views and controllers, enabling you to manage application state effectively.</p>
</li>
<li>
<p><strong>Bookmark Management</strong>: The Eggly application will allow you to create, update, delete, and filter bookmarks, giving you hands-on experience with CRUD operations.</p>
</li>
<li>
<p><strong>Incremental Learning</strong>: The series is designed to build on each lesson progressively, ensuring that you are never overwhelmed and can easily grasp each concept before moving on.</p>
</li>
<li>
<p><strong>Community Support</strong>: Engaging with the community while learning can enhance your experience and provide additional insights through shared knowledge and resources.</p>
</li>
</ul>


<h2>Overview</h2>
<p>The egghead.io creator MDX Blog Starter Project is a Gatsby.js starter project with MDX (JavaScript/React in Markdown) capabilities. It includes features such as Prism.js for syntax highlighting, pagination, Emotion for styling, Typography.js for managing typography, self-hosted fonts, social media share buttons, site and theme configuration files, ConvertKit subscribe form, and placeholder illustrations by Katerina Limpitsouni from undraw.co.</p>
<h2>Features</h2>
<ul>
<li><strong>MDX</strong>: Allows the use of JavaScript/React in Markdown.</li>
<li><strong>Prism.js</strong>: Provides syntax highlighting for code snippets.</li>
<li><strong>Pagination</strong>: Allows for easy pagination of blog posts.</li>
<li><strong>Emotion</strong>: Enables the use of CSS-in-JS for styling.</li>
<li><strong>Typography.js</strong>: Streamlines the management of typography on the website.</li>
<li><strong>Self-hosted fonts</strong>: Allows for the use of custom fonts on the website.</li>
<li><strong>Social media share buttons</strong>: Provides built-in share buttons for various social media platforms.</li>
<li><strong>Site &#x26; Theme config files</strong>: Allows for easy configuration of the site and theme.</li>
<li><strong>ConvertKit subscribe form</strong>: Integrates with ConvertKit to provide a subscription form.</li>
<li><strong>Placeholder illustrations by Katerina Limpitsouni</strong>: Includes placeholder illustrations from undraw.co.</li>
</ul>
<h3>Demo Setup</h3>
<ol>
<li>Clone the repository:
<pre><code class="language-shell">git clone git@github.com:eggheadio/gatsby-starter-egghead-blog.git
</code></pre>
</li>
<li>Navigate to the project directory:
<pre><code class="language-shell">cd gatsby-starter-egghead-blog
</code></pre>
</li>
<li>Install the necessary dependencies:
<pre><code class="language-shell">yarn
</code></pre>
</li>
<li>Start the development server:
<pre><code class="language-shell">gatsby develop
</code></pre>
</li>
<li>Visit http://localhost:8000 to view the demo site.</li>
</ol>
<h3>Setup via Gatsby CLI</h3>
<ol>
<li>Create a new Gatsby project using the starter:
<pre><code class="language-shell">gatsby new gatsby-starter-egghead-blog git@github.com:eggheadio/gatsby-starter-egghead-blog.git
</code></pre>
</li>
<li>Navigate to the project directory:
<pre><code class="language-shell">cd gatsby-starter-egghead-blog
</code></pre>
</li>
<li>Install the necessary dependencies:
<pre><code class="language-shell">yarn
</code></pre>
</li>
<li>Start the development server:
<pre><code class="language-shell">gatsby develop
</code></pre>
</li>
<li>Visit http://localhost:8000 to view the demo site.</li>
</ol>
<h3>Set up Redirects</h3>
<p>This starter project supports defining alias URLs for blog posts using the <code>redirects</code> property on posts. However, this feature requires an additional plugin to be added to your site. Popular options for the plugin are <code>gatsby-plugin-netlify</code> or <code>gatsby-plugin-s3</code>, depending on the provider you deploy your site to.</p>
<h2>Summary</h2>
<p>The egghead.io creator MDX Blog Starter Project is a powerful Gatsby.js starter project that combines the flexibility of MDX with various useful features for creating a blog. It provides easy integration of JavaScript/React in Markdown, syntax highlighting, pagination, styling with Emotion, typography management with Typography.js, self-hosted fonts, social media share buttons, and more. The installation process is straightforward, and the project supports defining alias URLs for blog posts with the help of appropriate plugins.</p>


<h2>Overview</h2>
<p>The MDX Blog Theme Project is a project built on Gatsby.js themes with MDX. It allows users to create a blog using JavaScript/React in Markdown. The theme includes features such as syntax highlighting, pagination, self-hosted fonts, social media share buttons, and a ConvertKit subscribe form. The theme also provides a default folder structure and placeholder frontmatter to ensure smooth functionality.</p>
<h2>Features</h2>
<ul>
<li><strong>MDX</strong>: Allows users to write JavaScript/React in Markdown.</li>
<li><strong>Prism.js</strong>: Provides syntax highlighting for code snippets.</li>
<li><strong>Pagination</strong>: Enables pagination for blog posts.</li>
<li><strong>Emotion</strong>: A library for CSS-in-JS, used for styling the theme.</li>
<li><strong>Typography.js</strong>: Helps to create beautiful typography for the blog.</li>
<li><strong>Self-hosted fonts (Inter UI)</strong>: Allows users to use self-hosted fonts for the blog.</li>
<li><strong>Social media share buttons</strong>: Adds social media share buttons to blog posts.</li>
<li><strong>Site &#x26; Theme config files</strong>: Allows users to configure site and theme settings.</li>
<li><strong>ConvertKit subscribe form (Formik and Yup)</strong>: Integrates a ConvertKit subscribe form using Formik and Yup.</li>
<li><strong>Placeholder illustrations</strong>: Uses placeholder illustrations by Katerina Limpitsouni from undraw.co.</li>
</ul>
<h2>Summary</h2>
<p>The MDX Blog Theme Project is a powerful Gatsby.js theme that allows users to create a blog using JavaScript/React in Markdown. With features like syntax highlighting, pagination, self-hosted fonts, and social media share buttons, it provides a comprehensive solution for building a blog. The theme also includes installation instructions and guidance on customizing and configuring various aspects of the blog. Overall, it is a useful and flexible theme for creating a personalized blog experience.</p>


<h2>Overview:</h2>
<p>The Developer Portfolio Site Template and Challenge is a project designed to provide developers with a head start in creating their portfolio sites. The template offers a minimalistic design and includes key features such as About, Blog, Projects, and Resume pages. The goal is to help developers showcase their skills, experience, and ability to communicate effectively.</p>
<h2>Features:</h2>
<ul>
<li>About page: Allows developers to provide details about themselves and showcase their picture.</li>
<li>Blog page: Allows developers to post their learnings, thoughts, and notes, demonstrating their passion for learning and their ability to communicate technical solutions.</li>
<li>Projects page: Highlights the projects that developers have worked on, showcasing their ability to execute technical projects.</li>
<li>Resume page (TODO): Provides a space for developers to showcase their professional experience.</li>
</ul>
<h2>Summary:</h2>
<p>The Developer Portfolio Site Template and Challenge is a useful resource for developers looking to build their portfolio sites. It offers a minimalistic design and important features such as about, blog, projects, and resume pages. By providing a space to showcase their skills, experience, and ability to communicate, the template helps developers create an effective portfolio.</p>


Eggheadio

Egghead Angularjs From Scratch Getting Started

Gatsby Starter Egghead Blog

Gatsby Theme Egghead Blog

Portfolio Template And Challenge