I awoke on the first morning feeling pretty apprehensive about the week (and month’s) ahead, i’ve never taken a danger like this in my existence and that turned into handiest adding to my apprehension. bootstrap templates blog free
As quickly as I got to the distance I turned into greeted with smiling faces and a pleasing branded DevelopMe hoody! I located my seat and greeted some of my fellow college students who're all definitely friendly. We’d all met earlier than at our social evening that definitely helped damage the ice. We were also shown how the coffee machine worked (very essential!) 🤪 bootstrap templates blog free
We then met Ruth who turned into going to be our teacher for the subsequent weeks teaching us all about HTML and CSS. Ruth was awesome. Her power and enthusiasm positioned the whole organization comfy and thus started out the next 12 weeks of coding.
The Basics …
When DevelopMe stated this is an extensive direction they weren’t lying! From 09:30am on the primary morning we had been instantly into the basics of the way the Internet works and then onto HTML.
This is a totally quick evaluate of what I learnt in Week 1:
THE INTERNET
It’s complicated but the internet is basically loads of computers that speak to each other to transfer statistics but at remarkable terrific brief speeds. bootstrap templates blog free
In my eyes Web Development is lots like portray a picture. You literally start with a blank canvas and it’s our process to create some thing pretty. We started with some simple concepts inclusive of a way to create a header and textual content styling elements within HTML. We then moved onto such things as tables and forms earlier than shifting onto CSS.
We delved directly into CSS and Ruth turned into superb with placing the pace and coaching us in little chunks in order that our brains weren’t too overloaded. There become no escaping the complexity of CSS though, it’s very involved. Soon we had been performing some easy CSS physical activities along with positioning bins and styling different elements then we had been given our first class undertaking. bootstrap templates blog free
Incorporating the basics of Photoshop, we were given our ‘layout’ for an index web page that we would need to code from scratch setting into exercise the matters that we had learnt during the first three days. We have been also taught the importance of accessibility features and how growing a website needs to work with screenreader software program and be available for EVERY user. Things like ‘alt’ textual content on snap shots or captions on movies are first-rate critical when considering accessibility as properly as making sure buttons are massive enough, and things like fonts and colours may be understood/visible by using everyone. bootstrap templates dreamweaver
After a few days my Index web page become looking pretty good thinking about I’d most effective been coding for a few days! To cease the week we have been shown a way to add our internet site to a server and use a whole lot of testing strategies which include HTML validation, CSS validation and Accessibility tests. We have been also taught how to use the overall performance testing tool within the Google Chrome Dev Tools. I observed this quite cool and I definitely enjoyed the testing part and solving any problems that came up.
Testing my website the usage of the Google Chrome Dev Tools.
Week 2 began off with Sitemaps, UX, Scamps and Wireframing. Working in pairs we came up with a Scamp for a images portfolio website. The Scamp needed to include desktop (Large), tablet (Medium) and phone (Small). We then took those scamps and turned them into Wireframes the usage of Balsamiq. It became in reality interesting to learn about the early techniques of website improvement and the way to deal with customers from the early stages. bootstrap templates dreamweaver
My first strive of a Wireframe for a mobile tool acknowledged a Small display screen in Development.
As the week moved on we briefly looked at Frameworks and API’s and we did an exercise the use of the Bootstrap framework. Frameworks are very weird when you first begin using them but for prototyping they may be a actually extraordinary resource! bootstrap templates dreamweaver
As we moved into the second 1/2 of the week we had been given our second assignment however this time the complexity level changed into ramped up a touch with a multiple page site. We approached this undertaking the use of the Atom Design Method splitting up the design we were given into Atoms, Molecules & Organisms. We have been then taught the way to create more than one CSS documents and use a components.Html report to create the templates for these Atoms, Molecules and Organisms so that once it got here to growing the pages of the internet site it makes putting the website together an entire lot easier. I need to admit in the beginning it was pretty confusing having a couple of CSS files however as time went on it became a lot less complicated to understand. The most vital element is ensuring your code and record structure can be understood by means of different developers. This is superb critical while it comes to operating on a venture in a team. bootstrap templates news
After just 3 days and bits of teaching in between, I had evolved my first more than one web page website with real running links and the use of methods which includes CSS Grid and Flexbox! It simply goes to show that with determination and difficult paintings some thing is feasible. This is something that I would not have been capable of do at the beginning of this route but with Ruth’s awesome coaching and the aid from my fellow college students it was possible to construct a website using HTML and CSS in only two weeks! Little proud second there. bootstrap templates news
Free Download Templates