DEV Community: CobraDJC

swift

CobraDJC — Fri, 15 May 2020 20:25:08 +0000

Swift was introduced at Apple's 2014 Worldwide Developers Conference (WWDC) with version Swift 1.0. It is used for macOS, iOS, watchOS, and tvOS. The primary goals when developing the language were type safety, type inference, error handling, and optionals.

responsive web design

CobraDJC — Wed, 04 Mar 2020 21:12:51 +0000

Responsive design is the next big thing in web design. Basically, what responsive design is, is a way to make your website adaptable to different viewports, so that no matter what kind of device or screen size you are using, the website is optimized for that particular viewport. It is mostly to make your website mobile friendly. In today’s world with more and more people accessing the web through mobile devices, you want to make sure your website is usable, accessible and user-friendly for mobile devices and responsive design is the best way to do that.
Alternatively, you would make 2 different websites that are optimized for their particular viewport, but that required more effort and can be more expensive to manage. Even though there are a couple drawbacks to responsive design, as there are with any other design type, overall it is the best option.

color picker app

CobraDJC — Wed, 04 Mar 2020 18:47:50 +0000

In lesson 17 we are learning how to connect your code to the views and controls created in the storyboard. There are 2 kinds of connections between storyboards and code. The first one is an outlet. Outlets connect variables in your code to objects in the storyboard, so you can access those objects within your code. The second one is actions. Actions connect controls like switches and buttons to methods in your code, so tapping a button will run a particular method. We are going to use outlets and actions to create an app that generates colors by mixing red, green, and blue. We add a view from the object library and control-drag from the view into the code and call it colorView. When you use ColorView in the ViewController.swift code, you are referring to the view you’ve just added to the storyboard. You can use the connections inspector on the right side of the screen to check all of your actions and outlets. If something is not connected you will see an open circle. If there is an error where a connection is incorrect, the app will crash. Next is adding switches to change the color of the view by connecting the code to the switch. We then continue to make multiple switches with multiple actions, one for a different color, and when the switch is toggled, it adds that color component to the view. Make sure they are all connected to the view and its switch changed in the connection’s inspector. Finally, we are adding sliders to give better control of what color is displayed. Find the sliders in the object library and apply one for each switch. Control-drag the sliders and call the action slider changed and make sure all 3 are connected. Next is adding a reset button to the bottom of the screen which can be found in the object library. Select it and place it on the bottom, changing its name to reset. The reset button will set the value of each slider to 1 and the isOn property of each switch to false. Finally, we can polish the interface which is basically adding colors and other aesthetics to the interface of the app. Select the switches and change the on-tint color to match the color that it changes. Do the same with the slider’s min track color. This makes the purpose of the switches and sliders clearer. Now we add a border to the color view by specifying a border width, corner radius, and border color. The last thing to do is to create a function that disables the sliders unless the switch is on.

Question bot 2

CobraDJC — Tue, 03 Mar 2020 22:07:57 +0000

In this lesson we are talking about the chat bot, similar to the question bot except instead of taking a question and returning an answer, this one just records a conversation like the messages app. Important things to note is that a scrolling list of items is known as a table view. Each item in a list is called a cell. In this lesson most of the app is already built, we will be working on the part of the app that keeps track of the conversation. The conversation is going to hold two types of messages, questions asked by the user and answers given by the brain of the app. The message struct holds the info needed to make an entry in the conversation: the date, the message text, and the type of message. The question answerer struct is the brain of the chat and is responsible for providing answers to questions. The conversation data source class is responsible for holding and updating the details of the current conversation. Currently conversation data source doesn’t do anything when given orders and doesn’t give any helpful answers when asked questions. When you type a question, the app will think a little bit, then revert to what it looked like before. Nothing changes because the data source is always saying there are no messages in the conversation. When you change the message count property to have a value of 1 instead of 0, you can see a single message in the conversation. If you ask a question, you’ll see that nothing changes, but you still see the console messages about adding question-and-answer messages. What should happen is that each time a message is added to the conversation, the data source should update the number of messages, so the next time it’s asked, it can give the correct answer. By changing the definition of the message count property to var instead of let, setting the initial value back to 0, and adding the line of code messageCounter += 1, we can increase the message counter property each time a message is added to the conversation. You can see that the right number of messages is displayed but they’re all the same answer. A remainder operator is used to determine if the message should be a question or an answer then it creates and returns something appropriate. All that’s missing now is to be able to see the actual contents of the conversation. The conversation data source needs a way to store the questions that the user has entered and the answers given by the brain. You can do this using an array of messages, starting with a blank one, which will store the questions and answers.

Before vs After Bootstrap

CobraDJC — Fri, 21 Feb 2020 20:53:05 +0000

Front end development can be separated into two eras, before bootstrap and after bootstrap. Bootstrap is basically a frontend framework. Before bootstrap all styling code in css was written out manually by the coder. With bootstrap you can now use a library to access css code, or code frameworks that you can copy and paste and use in your own code.

Defining Structures

CobraDJC — Fri, 21 Feb 2020 20:42:37 +0000

In this lesson we begin talking about the app’s model, or data model, which is the types of data that an app deals with collectively. Different kinds of apps have different data models, each of which has its own set of types. We have been working with strings, ints, and bools a lot but in this lesson, we learn that you are not limited to the types already in swift; you can create your own types. One way to do this is by declaring a structure. A structure is a way of grouping values of other types together. Once you have declared a new type, you can then create an instance of that type. Also, when you declare a structure, an initializer is automatically created for you. This initializer has a parameter for each member property in the struct, which is called a memberwise initializer. When you begin typing the struct, the autocompletion pop-up menu will include the memberwise initializer. You can make your own structs mutable or immutable, just declare any changeable properties using var and Assign the struct to a variable, not a constant. Your own types can be passed into or out of functions, just like built-in types. A function is declared outside of the struct. A method is declared inside of the struct. Structures are a better way to define data because you can organize data together instead of declaring a series of variables.

Conditionals

CobraDJC — Fri, 17 Jan 2020 01:40:44 +0000

Why do you think conditionals are important?
Give a set of instructions on how you think a thermostat program should work and “bold/underline” the conditionals.
Conditionals are important because when making a function or performing a task, different things can happen when different conditions are met. A thermostat program should work by turning on and off when needed. In order for that to happen the thermostat needs to know when it needs to turn on and turn off. The air conditioner should turn on when the temperature gets too warm, and turn off when it gets cool enough to your liking. The heater should turn on when it gets too cold and turn off when it gets as warm as you want it to be.

Types of functions

CobraDJC — Thu, 16 Jan 2020 22:50:15 +0000

What processes and tasks, from real life, can fit into the various ways you can define a function?
You can make functions for any process or task in real life, you just need to know the different ways to define a function and how to apply that to the task. An example can be cleaning a house. You can break up all the different parts of cleaning the house into different functions. Some tasks can be done at any time or in any order, like putting things where they go, or dusting the furniture. Some tasks cannot be done until other tasks have been done, such as mopping the floor after you sweep and not before. You also have tasks that need be done only when it happens, such as unclogging a toilet. You can make a function for unclogging the toilet. In a normal house cleaning you wouldn’t need to unclog the toilet all the time. Why would you perform the task of unclogging a toilet if the toilet is not clogged, that makes no sense. You would only perform the task (call the function) if the toilet was clogged and therefore needs unclogging. Other tasks can only be done as a result of another task such as using a dish washer. To use a dish washer, you first need to load it, then run it, and as a result you put away clean dishes. You wouldn’t perform the task of putting away clean dishes if they have not been first loaded into the dishwasher and then washed. You cannot run the dish washer unless its first loaded, and you cannot load it unless you have emptied it first. All these are different ways to define a function.

module 2 discussion

CobraDJC — Wed, 15 Jan 2020 04:50:19 +0000

Module 2 Discussion

Write code to mark the text Gourmet Thai Cooking as a heading with the second level of importance.

Gourmet Thai Cooking

What is the div element and why will you often encounter it in pre-HTML5 code?

The div element contains a generic grouping of elements within the document. You will often encounter it in pre-HTML5 code because prior to HTML5, sections were defined as divisions created using the div element.

What element would you use to indicate a change of topic within a section?

The

tag

Write the code to mark the text Daily Special as emphasized text.

Daily Special

Write code to mark the text H2SO4 with subscripts.

H2SO4

Write the code to link the web page to the CSS file mystyles.css.

Write the expression to insert the em dash into a web page using the character code 8212.

&#8212

Write the code to insert an inline image using the source file awlogo.png and the alternate text Art World.

<img src=”awlogo.png” alt=”Art world”