Simon The Rising Front-End Star

Day 18 - A bit of web-design knowledge

How web developers deal with unexpected long texts in buttons[because of cms source of content]? They deal with it by adding some padding. (ProudEminem.png) What pug is and what can provide for me in this task [don’t have to repeat changes in each file if I want to change something in the website layout] (https://github.com/pugjs/pug ) Pug is a kind of extension for HTML that makes our work easier. We can see how it works in this site (Syntax part): https://github....

Day 17 - Significant CSS info

CSS COMMANDS Selectors: #id Selects the element with id="xyz" .class Selects all elements with class="xyz" Reference and properties All here: https://www.w3schools.com/cssref/default.asp

Day 16 - Important HTML tags and attributes

THE MOST IMPORTANT HTML TAGS FOR NOW Above head section <!DOCTYPE HTML> <html></html> Head section <head><head> <meta/> <title></title> <style></style> <link/> <script></script> Body section <h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5> <a></a> <br/> <img/> <div></div> <link/> <span></span> <script></script> <i></i> <label></label> <input> <ol></ol> <ul></ul> <li></li> <p></p> <strong></strong> <form></form> <nav></nav> <header></header> <main></main> <article></article> <section></section> <figure></figure> <figcaption></figcaption> <footer></footer> <fieldset></fieldset> <legend></legend> <select></select> <option></option> <button></button> <form></form> <textarea></textarea> THE MOST IMPORTANT HTML ATTRIBUTES FOR NOW <a class="#"></a> A space-separated list of the classes of the element....

Day 15 - Answers to Mentor's questions

Ultra gitbranch note PART 2/2 Remote Names and commands (commands are in italics) git clone - creates local copy of remote repository origin - remote name for branch. If you want to update remote branch to the newest commit, first you have to upload your local branch. git fetch - synchronizes the local repository with the remote one git pull - git fetch & git merge in one. Pulling remote work to our local....

Day 14 - Great git note

Ultra gitbranch note PART 1/2 Local What’s GIT? It’s the most popular version control system (and I finally understand what it means). What’s GIT for? It records changes made to our code over time in a special data base - REPOSITORY. It also give as an opportunity to work with someone else on the same project in the same time. In favour of that we can look at our project history and see who and when made which changes....

Day 13 - Inputs, options, HTML-ing

Forms part 2, more controls and more complicated comands. That was the end of this YT course ,,pasjainformatyki - HTML" and ,,pajsainformatyki - CSS" it’s in polish language :) Everything I did today in HTML is in here Everything I did today in CSS is in here

Day 12 - Css practice

Everything I did today in HTML is in here Everything I did today in CSS is in here

Day 11 - Labels & buttons

Introduction to forms. Basics, simple controls, nothing scarry. Everything I did today in HTML is in here Everything I did today in CSS is in here

Day 10 - Figures & hover

Getting know ,,figure" and ,,figurcaption" commands. A lot of practicing previous days (divs, lists, css stuff). Everything in additional files with the same date. Also developing ,,hover" skills in CSS. Everything I did today in HTML is in here and here and here even more And CSS: Everything I did today in CSS is in here and here

Day 9 - Styling forms

HTML What can I say? Just look here: Everything I did today is in here CSS Simple form. Files with that included. Everything I did today is in here GIT git cherry-pick (commit) (commit) (…) - creates copies of chosen commits (?) this site showed me some interactive stuff so all those commands are for nothing if I dispose interactive panel (?)