We have decided to further advance our 3D prints into a more colourful variety of models.
We have tried different types of filament for 3DA. So far, we have tried a multi-coloured material, a shiny blue material, and recently a pink material that also has a shine to it.
We have also expanded on the different type of objects we are printing. This involves more complex and detailed models, and also larger models. The baby dragon is the most complex object that we have printed, and the cat bowl is the largest that has been printed.
To advance even further, we wanted to design our own model to print, so we decided to create a square that has our logo engraved on it. This was accomplished using the software Inkscape and FreeCAD.
Recently, I have developed my skills on WordPress through my own personal project of creating a portfolio website, and applying these skills to other websites.
This is a part of my homepage on my portfolio website. This makes use of the navigation bar, which provides links to the corresponding pages, and the get in touch button.
My website uses the plugins: Ninja Forms, Wordfence Security, and WPvivid Backup. The contact page for my website was created using the Ninja Forms plugin.
This contact page is fully functional. The user is required to fill every field, and when the user submits the message, it gets sent to the submissions page on the admin dashboard for Ninja Forms, and it also gets sent to my email address inbox. The user also gets confirmation of the message being sent through their email inbox.
How have I applied this skill?
Understanding Ninja Forms has allowed me to apply this skill to a clients website to help build their contact page.
This contact page does not have the requirements for the email field and the phone field being filled, so the user can choose which information they want to give.
We have just completed half of our placement now and I have learned a lot. I have learned how to navigate through bit warden and use that in order to manage a range of different websites to sign in them and update and backup the websites.
I have also tried to use different software to take advantage of the 3D printer and be able to design my own ideas, however, I have been quite unsuccessful as I find it hard to navigate, hopefully I get better at it over time.
I have also learned how to design websites using WordPress as I have never used WordPress before and have only heard of it. I have created demo sites to test out different features, one of these is making an e-commerce website.
Posted in VillageWebCo | Comments Off on Romiley Adventures pt4
If you are someone who has started to dip their toes into the world of web development to learn more about frontend options and found react but you want to know why you should use it, this is the right place!
Why Use React?
Its time saving, quick and interactive!
Reusable Components:
React allows you to create small, reusable pieces known as components. These components can be used throughout your website, saving time and effort. For example, you can create a button component once and use it wherever you need a button on your site.
Efficient Updates:
React makes it easy to update your website. When something changes, React only updates the parts that need to be changed, rather than reloading the entire page. This makes your website faster and more efficient.
Interactive User Interfaces:
React helps you build web pages that can respond to user actions, like clicks, form submissions, or navigation. This makes your website more interactive and user-friendly.
Getting started
If you don’t want to download react and you just want to use It, use this link and go to the next heading
Open a terminal then in that terminal type create react-app and then make the name that you want of the app
Once it is loaded, navigate to the app by typing the letters “cd” followed by the name of the react app, type npm start and it should run a window in your browser and you have your react app!
Components
This is an example of a basic button and I will break down what each part of this does
import React from ‘react’;
function Button() {
return (
<button>
Click Me!
</button>
);
}
export default Button;
import React from ‘react’;
This line tells the code to use React.
Think of this like bringing a special toolbox into your workspace so you can use the tools inside it.
function Button() {
function Button() starts the creation of a Button component. A component is like a small part of your web page.
The name Button is what we call this specific part. It could be named anything, but we call it Button because it will create a button.
return (
<button>
Click Me!
</button>
);
The return statement tells the component what it should display on the web page.
Inside the return, we have <button>Click Me!</button>. This creates a button on the web page with the text “Click Me!” on it.
<button> and </button> are HTML tags that define a button element. Everything between these tags is what will appear on the button.
export default Button;
export default Button; allows this Button component to be used in other parts of our project.
Think of it as making this part available to use elsewhere, like putting a tool back in the toolbox for others to use.
This is the strongest part of react, this can now be referenced using <Button> anywhere and the button will appear
Creating a navbar
A navbar/navigation bar is a menu that is located on top of a website that has the links to all the important parts of a website for easy navigation,
Navbars In react are very efficient as the nav bar can be on every page without having to be coded onto every page
Create a file called navbar.jsx
import React from ‘react’;
function Navbar() {
return (
<nav>
<h1>My Website</h1>
<ul>
<li><a href=”#home”>Home</a></li>
<li><a href=”#about”>About</a></li>
<li><a href=”#contact”>Contact</a></li>
</ul>
</nav>
);
}
export default Navbar;
Modify “app.js” with this
import React from ‘react’;
import Navbar from ‘./Navbar’;
function App() {
return (
<div>
<Navbar /> {/* Use the Navbar component */}
<header>
<h1>Welcome to My React App</h1>
</header>
</div>
);
}
export default App;
This navbar uses a mix of html and react elements, such as <Navbar> (lots of the time the elements that start with a capital letter are react elements). This helps make the navbar visible everywhere, the other elements of react are things that were in the button component
The app.js file is the one that serves as the main hub for everything
Posted in VillageWebCo | Comments Off on React Guide
My placement at Village Web Company is all about diving deep into the world of web development, and my first major task is learning WordPress. WordPress, as many of you might know, is one of the most popular content management systems out there, powering millions of websites globally. It’s versatile, user-friendly, and incredibly powerful, making it an essential tool for anyone interested in web development.
In these first few days, I’ve been getting to grips with the basics of WordPress. This includes:
Setting Up and Configuring WordPress: From installing WordPress to configuring the settings, I’m learning how to get a site up and running from scratch.
Exploring Themes and Plugins: One of WordPress’s strengths is its extensive library of themes and plugins. I’ve been exploring how these can be used to customize websites and add functionality without having to code everything from the ground up.
Content Management: Understanding how to create, manage, and organize content efficiently is crucial. I’m learning the ins and outs of posts, pages, categories, and tags.
Basic Customization: While themes are great, knowing a bit of CSS and HTML allows for more precise customization. I’m starting to dabble in these to tweak themes to better fit the needs of our projects.
The team at Village Web Company has been incredibly supportive, offering guidance and answering all my newbie questions. The hands-on experience is invaluable, and I’m learning so much more than I ever could from just reading a textbook or sitting in a classroom.
I’m looking forward to sharing more about my journey as I delve deeper into web development and WordPress. Stay tuned for updates on the projects I’ll be working on and the skills I’ll be picking up along the way!
Hello, I’m Callum and I’ve started a placement at Village Web Company here in Romiley. When starting today, I was introduced to WordPress and the basics on how to use it. Claire was quite helpful with this and shown me step-by-step on how to add a post to the Village Web Company website. As apart of my induction, I was also shown other features in WordPress (such as plugins) and some cPanel features.
One of our website projects ideas is to have a website where the user can generate a website idea, an then can use one of our template websites to help develop their website idea. A website coding development course will also be integrated into this website, and will help the user know how to use template an transform it into any idea.
This is what the website currently looks like. The user is able to generate ideas, with the option to generate multiple amounts at the same time. There is also the option to download the ideas on a text file. There is also a template website that the user can download, that provides the user with a good starting point for building their website.
What’s next for development?
Allowing the user to preview the template website will be a good quality-of-life feature, and will be especially helpful for when there is multiple different website templates that the user can choose between.
The course feature is yet to be integrated into this website. The courses will take a lot of time to build, as it needs to contain all of the information needed for the user to develop the website they want.
I turned 18 a couple of days ago and now I feel enlightened. I tried out Chai village and it was very good! The 192 has gotten easier to get on and the journey to Romiley is better than before as I know my way around. I find the work at village web company to be fun and interesting as it is updating websites for real clients.
My name is Eva and I’ve recently started working with Claire at Village Web Company CIC as an Assistant Web Developer. She’s introduced me to WordPress, the platform I’m currently writing this blog post on, which I will be using and learning about throughout my time here. Alongside this I’ll be doing some general admin work for the websites that Claire builds and hosts – this could include adding new content or images or altering pre-existing information.
I’m really excited about this opportunity and can’t wait to get stuck in!
After making adjustments to the bed height of the printer, and the configuration settings of the media files, we have taken steps forward by being able to print more complex models.
We have so far 3D printed a model of a flexible cat which took 9 hours to print, and a hollow Easter egg that took 6 hours.
For future models, we are looking to print a cube that has the logo of our website engraved on the model. We are also looking to use more colours in future prints.
